chore: use pascal for component names

src/layouts/404.vue

@@ -8,7 +8,7 @@ const { t } = useI18n()
     <div text-4xl>
       <div i-carbon-warning inline-block />
     </div>
-    <router-view />
+    <RouterView />
     <div>
       <button btn text-sm m="3 t8" @click="router.back()">
         {{ t('button.back') }}

src/layouts/default.vue

@@ -1,6 +1,6 @@
 <template>
   <main class="px-4 py-10 text-center text-gray-700 dark:text-gray-200">
-    <router-view />
+    <RouterView />
     <Footer />
     <div class="mt-5 mx-auto text-center opacity-25 text-sm">
       [Default Layout]

src/layouts/home.vue

@@ -1,6 +1,6 @@
 <template>
   <main class="px-4 py-10 text-center text-gray-700 dark:text-gray-200">
-    <router-view />
+    <RouterView />
     <Footer />
     <div class="mt-5 mx-auto text-center opacity-25 text-sm">
       [Home Layout]