Remove @nuxtjs/tailwindcss dependency and replace with standalone tailwindcss

nuxt.config.js

@@ -3,7 +3,7 @@ const pkg = require('./package.json')
 export default {
   ssr: false,
   target: 'static',
-
+  telemetry: false,
   env: {
     PROD: '1',
     ANDROID_APP_URL: 'https://play.google.com/store/apps/details?id=com.audiobookshelf.app',
@@ -36,6 +36,7 @@ export default {
   },
 
   css: [
+    '@/assets/tailwind.css',
     '@/assets/app.css'
   ],
 
@@ -56,10 +57,6 @@ export default {
 
   components: true,
 
-  buildModules: [
-    '@nuxtjs/tailwindcss',
-  ],
-
   modules: [
     '@nuxtjs/axios'
   ],
@@ -67,6 +64,12 @@ export default {
   axios: {},
 
   build: {
+    postcss: {
+      plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+      },
+    },
     babel: {
       plugins: [['@babel/plugin-proposal-private-property-in-object', { loose: true }]],
     },

package.json

@@ -44,7 +44,8 @@
     "@babel/core": "7.13.15",
     "@babel/preset-env": "7.13.15",
     "@capacitor/cli": "^5.0.0",
-    "@nuxtjs/tailwindcss": "^6.10.3",
+    "autoprefixer": "^10.4.17",
-    "postcss": "^8.3.5"
+    "postcss": "^8.4.33",
+    "tailwindcss": "^3.4.1"
   }
 }