ai-vibe

src/main.ts

@@ -1,44 +1,28 @@
 import { createHead as CSRHead } from "@unhead/vue/client";
 import { createHead as SSRHead } from "@unhead/vue/server";
+import { createPinia } from "pinia";
 import { createSSRApp } from 'vue';
 import { RouterView } from 'vue-router';
 import { withErrorBoundary } from './lib/hoc/withErrorBoundary';
-import { vueSWR } from './lib/swr/use-swrv';
 import createAppRouter from './routes';
-import PrimeVue from 'primevue/config';
-import Aura from '@primeuix/themes/aura';
-import { createPinia } from "pinia";
-import { useAuthStore } from './stores/auth';
-import ToastService from 'primevue/toastservice';
-import Tooltip from 'primevue/tooltip';
+
 const bodyClass = ":uno: font-sans text-gray-800 antialiased flex flex-col min-h-screen"
+
 export function createApp() {
     const pinia = createPinia();
     const app = createSSRApp(withErrorBoundary(RouterView));
     const head = import.meta.env.SSR ? SSRHead() : CSRHead();
 
     app.use(head);
-    app.use(PrimeVue, {
-        // unstyled: true,
-        theme: {
-            preset: Aura,
-            options: {
-                darkModeSelector: '.my-app-dark',
-                cssLayer: false,
-                // cssLayer: {
-                //     name: 'primevue',
-                //     order: 'theme, base, primevue'
-                // }
-            }
-        }
-    });
-    app.use(ToastService);
+    
+    // Directive để skip hydration cho các phần tử không cần thiết
     app.directive('nh', {
         created(el) {
             el.__v_skip = true;
         }
     });
-    app.directive("tooltip", Tooltip)
+
+    // Restore state từ SSR
     if (!import.meta.env.SSR) {
         Object.entries(JSON.parse(document.getElementById("__APP_DATA__")?.innerText || "{}")).forEach(([key, value]) => {
             (window as any)[key] = value;
@@ -47,10 +31,11 @@ export function createApp() {
             pinia.state.value = (window as any).$p;
         }
     }
+
     app.use(pinia);
-    app.use(vueSWR({ revalidateOnFocus: false }));
+    
     const router = createAppRouter();
     app.use(router);
 
     return { app, router, head, pinia, bodyClass };
-}
+}