fixed tailwind

postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

src/components/HomeComponents/NavBar.vue

@@ -1,5 +1,6 @@
 <template>
   <nav class="text-base z-50 sticky top-0 bg-white border-gray-200">
+    <!-- <div class="text-sky-600">000</div> -->
     <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
       <a class="flex items-center space-x-3 rtl:space-x-reverse" href="/src/js">
         <span class="self-center text-2xl font-semibold whitespace-nowrap">LOGO</span>

tailwind.config.js

@@ -0,0 +1,11 @@
+// /** @type {import('tailwindcss').Config} */
+export default {
+    content: [
+      "./index.html",
+      "./src/**/*.{vue,js,ts,jsx,tsx}",
+    ],
+    theme: {
+      extend: {},
+    },
+    plugins: [],
+  }