update

app/components/main/TechInfo.vue

@@ -1,9 +1,6 @@
 <script setup lang="ts">
-import { ref } from "vue";
 import siteConfig from "~/config";
 
-const showMore = ref(false);
-
 const { data: sysInfo } = await useFetch("/sys-info");
 
 const techStack = computed(() => {

nuxt.config.ts

@@ -10,8 +10,6 @@ export default defineNuxtConfig({
     compatibilityVersion: 4,
   },
 
-  // plugins: [tailwindcss()],
-
   modules: [
     "@nuxt/icon",
     "@nuxt/image",
@@ -56,6 +54,12 @@ export default defineNuxtConfig({
     strict: true,
   },
 
+  postcss: {
+    plugins: {
+      "@tailwindcss/postcss": {},
+    },
+  },
+
   nitro: {
     prerender: {
       crawlLinks: true,

package.json

@@ -33,6 +33,7 @@
     "@nuxtjs/color-mode": "^4.0.0",
     "@nuxtjs/robots": "^5.6.7",
     "@nuxtjs/sitemap": "^7.5.0",
+    "@nuxtjs/tailwindcss": "^6.14.0",
     "@tailwindcss/forms": "^0.5.11",
     "@tailwindcss/postcss": "^4.1.18",
     "@tailwindcss/typography": "^0.5.19",
@@ -41,12 +42,14 @@
     "@vueuse/core": "^14.1.0",
     "@vueuse/nuxt": "^14.1.0",
     "baseline-browser-mapping": "^2.9.10",
+    "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
     "feed": "^5.1.0",
     "fuse.js": "^7.1.0",
     "nuxt": "^4.2.2",
     "nuxt-og-image": "^5.1.13",
+    "postcss": "^8.5.6",
     "prettier": "^3.7.4",
     "prettier-eslint": "^16.4.2",
     "remark-github": "^12.0.0",

postcss.config.cjs

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

tailwind.config.js

@@ -8,6 +8,7 @@ module.exports = {
     "./app/components/**/*.vue",
     "./app/pages/**/*.vue",
     "./app/layouts/**/*.vue",
+    "./content/**/*.{md,html}",
   ],
   theme: {
     extend: {
@@ -36,5 +37,5 @@ module.exports = {
     },
   },
   plugins: [require("@tailwindcss/typography"), require("@tailwindcss/forms")],
-  layers: ["base", "components", "utilities"],
+  // layers: ["base", "components", "utilities"],
 };