🚧 Add tailwindcss support.

tolerious · Oct 22, 2024 · 82e845d · 82e845d
1 parent a4f070c
commit 82e845d
Show file tree

Hide file tree

Showing 6 changed files with 98 additions and 26 deletions.
diff --git a/src/pnpm-lock.yaml b/src/pnpm-lock.yaml
diff --git a/src/popup/package.json b/src/popup/package.json
@@ -34,14 +34,17 @@
     "@vue/eslint-config-typescript": "^14.0.1",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.5.1",
+    "autoprefixer": "^10.4.19",
     "cypress": "^13.15.0",
     "eslint": "^9.12.0",
     "eslint-plugin-cypress": "^4.0.0",
     "eslint-plugin-vue": "^9.29.0",
     "jsdom": "^25.0.1",
     "npm-run-all2": "^6.2.3",
+    "postcss": "^8.4.38",
     "prettier": "^3.3.3",
     "start-server-and-test": "^2.0.8",
+    "tailwindcss": "^3.4.14",
     "typescript": "~5.5.4",
     "vite": "^5.4.8",
     "vite-plugin-vue-devtools": "^7.4.6",

diff --git a/src/popup/postcss.config.js b/src/popup/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/src/popup/src/assets/main.css b/src/popup/src/assets/main.css
@@ -1 +1,5 @@
 @import './base.css';
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/src/popup/src/views/HomeView.vue b/src/popup/src/views/HomeView.vue
@@ -1,5 +1,5 @@
 <template>
-  <main>123</main>
+  <main></main>
 </template>
 
 <script setup lang="ts"></script>
diff --git a/src/popup/tailwind.config.js b/src/popup/tailwind.config.js
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}