chore: Update main.css and main.ts, add data-loaders.[id].vue and update index-page.vue

src/main.ts

@@ -6,5 +6,12 @@ import { createPinia } from 'pinia';
 
 import App from './App.vue';
 import { router } from './router';
+import { DataLoaderPlugin } from 'unplugin-vue-router/data-loaders';
 
-createApp(App).use(createPinia()).use(router).mount('#app');
+createApp(App)
+  .use(createPinia())
+  // Register the plugin before the router
+  .use(DataLoaderPlugin, { router })
+  // adding the router will trigger the initial navigation
+  .use(router)
+  .mount('#app');