Feature/svelte stellar tailwind

.eslintrc.cjs

@@ -5,7 +5,13 @@ module.exports = {
     es2017: true,
     node: true,
   },
-  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:svelte/recommended', 'prettier'],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:svelte/recommended',
+    'prettier',
+    'plugin:tailwindcss/recommended',
+  ],
   ignorePatterns: ['*.cjs', 'static/*.worker.js', 'static/*.worker.js.map'],
   overrides: [
     {

.prettierrc

@@ -1,7 +1,7 @@
 {
   "arrowParens": "avoid",
   "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }],
-  "plugins": ["prettier-plugin-svelte"],
+  "plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
   "printWidth": 120,
   "semi": true,
   "singleQuote": true,

.vscode/extensions.json

@@ -8,6 +8,7 @@
     "GraphQL.vscode-graphql",
     "christian-kohler.path-intellisense",
     "streetsidesoftware.code-spell-checker",
-    "spmeesseman.vscode-taskexplorer"
+    "spmeesseman.vscode-taskexplorer",
+    "bradlc.vscode-tailwindcss"
   ]
 }

.vscode/settings.json

@@ -26,5 +26,8 @@
   },
   "[svelte]": {
     "editor.defaultFormatter": "svelte.svelte-vscode"
+  },
+  "files.associations": {
+    "*.css": "tailwindcss"
   }
 }