added tailwind to the project, we shall see how it goes.

17th Website/package.json

@@ -21,9 +21,12 @@
     "@vitejs/plugin-vue": "^4.2.1",
     "@vue/cli-plugin-router": "~5.0.0",
     "@vue/eslint-config-prettier": "^7.1.0",
+    "autoprefixer": "^10.4.14",
     "eslint": "^8.39.0",
     "eslint-plugin-vue": "^9.11.0",
+    "postcss": "^8.4.23",
     "prettier": "^2.8.8",
+    "tailwindcss": "^3.3.2",
     "vite": "^4.3.4"
   }
 }

17th Website/postcss.config.js

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

17th Website/src/assets/base.css

@@ -1,4 +1,9 @@
 /* color palette from <https://github.com/vuejs/theme> */
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 :root {
   --background-primary: #272731;
   --background-secondary: #1C1C21;

17th Website/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: [],
+}
+