fix: styleline

.vscode/settings.json

@@ -3,12 +3,7 @@
     "prettier.enable": false,
     "editor.formatOnSave": false,
     "editor.codeActionsOnSave": {
-        "source.fixAll.eslint": true
+        "source.fixAll.eslint": true,
+        "source.organizeImports": false
     },
-    "stylelint.enable": true,
-    "stylelint.validate": [
-        "css",
-        "vue",
-        "html"
-    ]
 }

README.md

@@ -3,9 +3,8 @@
 Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
 
 ## Features
-- [Tailwind CSS](https://tailwindcss.com/)
 - [Nuxtlab-UI](ui.nuxtlabs.com)
-- [color-mode](color-mode.nuxtjs.org)
+- [Tailwind CSS](https://tailwindcss.com/)
 - Auto-Dark Mode powered by [color-mode](color-mode.nuxtjs.org) imported by Nuxtlab-UI
 
 You can easily add more modules to project by using the Nuxt DevTools.

assets/css/main.css

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

nuxt.config.ts

@@ -1,7 +1,15 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: {
-    enabled: true
+    enabled: true,
   },
-  modules: ["@nuxthq/ui"]
-})
+  modules: ['@nuxthq/ui', '@nuxtjs/color-mode'],
+  css: ['~/assets/css/main.css'],
+  postcss: {
+    plugins: {
+      tailwindcss: {},
+      autoprefixer: {},
+    },
+  },
+
+})

package.json

@@ -15,17 +15,18 @@
     "@commitlint/config-conventional": "^17.6.3",
     "@nuxt/devtools": "^0.5.5",
     "@nuxthq/ui": "^2.2.0",
+    "@nuxtjs/color-mode": "^3.2.0",
     "@types/node": "^18",
+    "autoprefixer": "^10.4.14",
     "commitizen": "^4.3.0",
     "cz-git": "^1.6.1",
     "eslint": "^8.41.0",
     "lint-staged": "^13.2.2",
     "nuxt": "^3.5.1",
+    "postcss": "^8.4.24",
+    "postcss-custom-properties": "^13.2.0",
     "postcss-html": "^1.5.0",
-    "stylelint": "^15.6.2",
-    "stylelint-config-html": "^1.1.0",
-    "stylelint-config-recess-order": "^4.0.0",
-    "stylelint-config-standard": "^33.0.0",
+    "tailwindcss": "^3.3.2",
     "typescript": "^5.0.4"
   },
   "lint-staged": {

tailwind.config.js

@@ -0,0 +1,17 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './components/**/*.{js,vue,ts}',
+    './layouts/**/*.vue',
+    './pages/**/*.vue',
+    './plugins/**/*.{js,ts}',
+    './nuxt.config.{js,ts}',
+    './app.vue',
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+  darkMode: 'class',
+  exposeConfig: true,
+}