chore(web) experiments with css/tailwind tooling

systeminit · Sep 6, 2022 · 7e7e245 · 7e7e245
1 parent fe92fc2
commit 7e7e245
Show file tree

Hide file tree

Showing 12 changed files with 770 additions and 312 deletions.
diff --git a/app/web/.eslintignore b/app/web/.eslintignore
@@ -0,0 +1 @@
+*.css
diff --git a/app/web/README.md b/app/web/README.md
@@ -55,3 +55,19 @@ This template should help get you started developing with Vue 3 and Typescript i
   - Enable format on save (recommended)
     - add `"editor.formatOnSave": true` to `.vscode/settings.json` file
     - add `"[vue][typescript][javascript]": { "editor.defaultFormatter": "dbaeumer.vscode-eslint" }` to `.vscode/settings.json` file
+
+### .vscode/settings.json
+```json
+{
+  "editor.formatOnSave": true,
+  "[vue][typescript][javascript]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  },
+  // enable tailwind class autocomplete / tooling outside of just "class" in templates
+  "tailwindCSS.experimental.classRegex": [
+    [
+      "tw`([^`]*)", // tw`...`
+    ]
+  ]
+}
+```