From d087269b671ff38a7e663de509eb46f3c04da9d7 Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Mon, 11 Apr 2022 09:49:38 +0800
Subject: [PATCH] chore: use pascal for component names

---
 src/App.vue               | 2 +-
 src/components/Footer.vue | 8 ++++----
 src/layouts/404.vue       | 2 +-
 src/layouts/default.vue   | 2 +-
 src/layouts/home.vue      | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 5c979f9..b64968a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,5 +11,5 @@ useHead({
 </script>
 
 <template>
-  <router-view />
+  <RouterView />
 </template>
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 9a4245c..29b21e4 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -12,9 +12,9 @@ const toggleLocales = () => {
 
 <template>
   <nav text-xl mt-6>
-    <router-link class="icon-btn mx-2" to="/" :title="t('button.home')">
+    <RouterLink class="icon-btn mx-2" to="/" :title="t('button.home')">
       <div i-carbon-campsite />
-    </router-link>
+    </RouterLink>
 
     <button class="icon-btn mx-2 !outline-none" :title="t('button.toggle_dark')" @click="toggleDark()">
       <div i="carbon-sun dark:carbon-moon" />
@@ -24,9 +24,9 @@ const toggleLocales = () => {
       <div i-carbon-language />
     </a>
 
-    <router-link class="icon-btn mx-2" to="/about" :title="t('button.about')">
+    <RouterLink class="icon-btn mx-2" to="/about" :title="t('button.about')">
       <div i-carbon-dicom-overlay />
-    </router-link>
+    </RouterLink>
 
     <a class="icon-btn mx-2" rel="noreferrer" href="https://github.com/antfu/vitesse" target="_blank" title="GitHub">
       <div i-carbon-logo-github />
diff --git a/src/layouts/404.vue b/src/layouts/404.vue
index 2f169d9..ca5ada7 100644
--- a/src/layouts/404.vue
+++ b/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') }}
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index bcedc18..5b983e2 100644
--- a/src/layouts/default.vue
+++ b/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]
diff --git a/src/layouts/home.vue b/src/layouts/home.vue
index 7119381..5c6367c 100644
--- a/src/layouts/home.vue
+++ b/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]