Configure tanstack, prettier and tailwindcss

Author: morr0ne

client/.prettierignore

@@ -0,0 +1,5 @@
+**/dist
+**/node_modules
+*.md
+.github
+pnpm-lock.yaml

client/.prettierrc.mjs

@@ -0,0 +1,14 @@
+/** @type {import("prettier").Config} */
+export default {
+  semi: true,
+  singleQuote: true,
+  plugins: ['prettier-plugin-astro', 'prettier-plugin-tailwindcss'],
+  overrides: [
+    {
+      files: '*.astro',
+      options: {
+        parser: 'astro',
+      },
+    },
+  ],
+};

client/astro.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from "astro/config";
-import solidJs from "@astrojs/solid-js";
+import { defineConfig } from 'astro/config';
+import solidJs from '@astrojs/solid-js';
 
 // https://astro.build/config
 export default defineConfig({

client/components/Form.tsx

@@ -0,0 +1,11 @@
+import type { Component } from 'solid-js';
+
+const Form: Component = () => {
+  return (
+    <div>
+      <h1>Register</h1>
+    </div>
+  );
+};
+
+export default Form;

client/package.json

@@ -2,29 +2,37 @@
   "name": "safepup",
   "type": "module",
   "version": "0.0.1",
+  "packageManager": "[email protected]",
+  "volta": {
+    "node": "22.19.0"
+  },
   "scripts": {
     "dev": "astro dev",
     "build": "astro check && astro build",
     "preview": "astro preview",
-    "astro": "astro"
+    "astro": "astro",
+    "format": "prettier --check .",
+    "format:fix": "prettier --write --list-different ."
   },
   "dependencies": {
+    "@tanstack/solid-form": "^1.19.3",
     "astro": "^5.13.5",
     "solid-js": "^1.9.9"
   },
+  "devDependencies": {
+    "@astrojs/check": "^0.9.4",
+    "@astrojs/solid-js": "^5.1.0",
+    "@tailwindcss/vite": "^4.1.12",
+    "prettier": "^3.6.2",
+    "prettier-plugin-astro": "^0.14.1",
+    "prettier-plugin-tailwindcss": "^0.6.14",
+    "typescript": "^5.9.2"
+  },
   "pnpm": {
     "onlyBuiltDependencies": [
+      "@tailwindcss/oxide",
       "esbuild",
       "sharp"
     ]
-  },
-  "packageManager": "[email protected]",
-  "volta": {
-    "node": "22.19.0"
-  },
-  "devDependencies": {
-    "@astrojs/check": "^0.9.4",
-    "@astrojs/solid-js": "^5.1.0",
-    "typescript": "^5.9.2"
   }
 }