Set up prettier and tailwind even harder

JS tooling breaks at the slightest whiff of nonstandard setups. God
forbid you set up your js project in a subdirectory of the repository
instead of in the root...

.gitignore

@@ -1 +1,2 @@
-/target
+/node_modules/
+/target/

.prettierignore

@@ -1,2 +1,3 @@
-/gdn-app/pnpm-lock.yaml
+/gdn-app/dist/
 /gdn-app/src-tauri/gen/
+/pnpm-lock.yaml

.prettierrc

@@ -1,3 +1,4 @@
 {
-  "proseWrap": "always"
+  "proseWrap": "always",
+  "plugins": ["prettier-plugin-tailwindcss"]
 }

.vscode/extensions.json

@@ -1,6 +1,7 @@
 {
   "recommendations": [
     "Vue.volar",
+    "bradlc.vscode-tailwindcss",
     "esbenp.prettier-vscode",
     "rust-lang.rust-analyzer",
     "tamasfe.even-better-toml",

gdn-app/src/App.vue

@@ -13,6 +13,7 @@ async function greet() {
 
 <template>
   <main class="container">
+    <p class="font-bold underline">Hello</p>
     <h1>Welcome to Tauri + Vue</h1>
 
     <div class="row">

meta/fmt

@@ -1,5 +1,5 @@
 #!/usr/bin/env bash
 set -euo pipefail
 
-prettier . --write
+pnpm prettier . --write
 cargo fmt

meta/fmt-check

@@ -1,5 +1,5 @@
 #!/usr/bin/env bash
 set -euo pipefail
 
-prettier . --check
+pnpm prettier . --check
 cargo fmt --check

package.json

@@ -0,0 +1,6 @@
+{
+  "devDependencies": {
+    "prettier": "^3.4.2",
+    "prettier-plugin-tailwindcss": "^0.6.11"
+  }
+}

pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+packages:
+  - gdn-app

tailwind.config.ts

@@ -0,0 +1,2 @@
+// Even though tailwind 4 no longer uses this config file, it is required for
+// the tailwind intellisense vscode extension.