Fix tailwind

vigilcare-dashboard/src/main.js

@@ -1,6 +1,7 @@
 import { createApp } from 'vue'
+import { createPinia } from 'pinia'
 import './style.css'
 import App from './App.vue'
 import router from './router'
 
-createApp(App).use(router).mount('#app')
+createApp(App).use(createPinia()).use(router).mount('#app')

vigilcare-dashboard/src/style.css

@@ -1,3 +1,5 @@
+@import "tailwindcss";
+
 :root {
   --text: #6b6375;
   --text-h: #08060d;

vigilcare-dashboard/src/views/WardDashboard.vue

@@ -5,6 +5,7 @@ import { usePolling } from '@/composables/usePolling'
 import WardTable from '@/components/ward/WardTable.vue'
 import Skeleton from '@/components/ui/Skeleton.vue'
 import EmptyState from '@/components/ui/EmptyState.vue'
+import Badge from '@/components/ui/Badge.vue'
 
 const wardStore = useWardStore()
 const { sortedByRisk, loading, error, criticalCount } = storeToRefs(wardStore)

vigilcare-dashboard/vite.config.js

@@ -1,10 +1,11 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import tailwindcss from '@tailwindcss/vite'
 import { fileURLToPath, URL } from 'node:url'
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [vue(), tailwindcss()],
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url)),