Upgrade deps & add tailwind

package.json

@@ -11,20 +11,23 @@
   },
   "dependencies": {
     "pug": "^3.0.2",
-    "sass": "^1.69.5",
+    "sass": "^1.76.0",
-    "vue": "^3.3.4",
+    "vue": "^3.4.26",
-    "vue-router": "^4.2.5",
+    "vue-router": "^4.3.2",
     "vuex": "^4.1.0",
     "vuex-persist": "^3.1.3"
   },
   "devDependencies": {
-    "@tsconfig/node18": "^18.2.2",
+    "@tsconfig/node18": "^18.2.4",
-    "@types/node": "^18.18.5",
+    "@types/node": "^18.19.32",
-    "@vitejs/plugin-vue": "^4.4.0",
+    "@vitejs/plugin-vue": "^4.6.2",
     "@vue/tsconfig": "^0.4.0",
-    "npm-run-all2": "^6.1.1",
+    "autoprefixer": "^10.4.19",
-    "typescript": "~5.2.0",
+    "npm-run-all2": "^6.1.2",
-    "vite": "^4.4.11",
+    "postcss": "^8.4.38",
-    "vue-tsc": "^1.8.19"
+    "tailwindcss": "^3.4.3",
+    "typescript": "^5.4.5",
+    "vite": "^4.5.3",
+    "vue-tsc": "^1.8.27"
   }
 }

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

src/assets/tailwind.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

src/main.ts

@@ -2,6 +2,7 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
 import store from './store'
+// import "./assets/tailwind.css"
 import "./assets/global.sass"
 
 const app = createApp(App)

tailwind.config.js

@@ -0,0 +1,12 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./index.html",
+    "./src/**/*.{vue,js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+