Install postcss-import

package.json

@@ -12,6 +12,7 @@
     "core-js": "^3.6.4",
     "highlight.js": "^10.0.2",
     "js-beautify": "^1.11.0",
+    "postcss-import": "^12.0.1",
     "tailwindcss": "^1.4.4",
     "vue": "^2.6.11",
     "vue-analytics": "^5.22.1",

postcss.config.js

@@ -1,6 +1,7 @@
 module.exports = {
-    plugins: [
+  plugins: [
-        require('tailwindcss'),
+    require("postcss-import"),
-        require('autoprefixer'),
+    require("tailwindcss"),
-    ]
+    require("autoprefixer"),
-}
+  ],
+};

src/App.vue

@@ -9,7 +9,7 @@
 
             <div class="max-w-2xl mx-auto mt-6">
                 <span class="ml-2" v-for="route in routes" :key="route.path">
-                    <router-link class="inline-block px-3 py-1 rounded text-sm font-medium cursor-pointer hover:bg-gray-700 hover:text-gray-200" :class="currentPage == route.path ? 'bg-gray-700 text-gray-200' : 'bg-gray-200 text-gray-700'" :to="route.path">
+                    <router-link class="inline-block px-3 py-1 rounded text-sm  cursor-pointer hover:bg-gray-700 hover:text-gray-200" :class="currentPage == route.path ? 'bg-gray-700 text-gray-200' : 'bg-gray-200 text-gray-700'" :to="route.path">
                         {{ route.name }}
                     </router-link>
                 </span>

src/assets/css/tailwind.css

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