refactor: update component names to PascalCase and improve structure

- Changed component names from kebab-case to PascalCase in various files for consistency.
- Updated `<router-view>` and `<transition>` to `<RouterView>` and `<Transition>` respectively in App.vue and base-layout.vue.
- Refactored AppNaiveUIProvider.vue to use PascalCase for Naive UI providers.
- Adjusted language and theme switch buttons to use PascalCase for icon components.
- Updated button components in demo pages to use PascalCase for Naive UI buttons.
- Modified ESLint rules in route message files to use perfectionist/sort-objects for better key sorting.
- Enhanced Vite plugin files to export loadPlugin functions for better plugin management.
- Improved plugin loading logic to handle errors and warnings more effectively.

src/pages/demos/counter-demo.page.vue

@@ -128,7 +128,7 @@ const resetCount = () => {
             </button>
 
             <!-- Naive UI 按钮 -->
-            <n-button
+            <NButton
               type="warning"
               size="large"
               block
@@ -148,7 +148,7 @@ const resetCount = () => {
                 </svg>
               </template>
               点击 +1 (Naive UI)
-            </n-button>
+            </NButton>
 
             <!-- 重置按钮 -->
             <button

src/pages/demos/i18n-demo.page.vue

@@ -9,29 +9,29 @@ function setLocale(newLocale: 'en-US' | 'zh-CN') {
 
 <template>
   <div class="p-4">
-    <n-h1>{{ t('page.i18n-demo.title') }}</n-h1>
+    <NH1>{{ t('page.i18n-demo.title') }}</NH1>
 
-    <n-card :title="t('page.i18n-demo.change-language')">
-      <n-p>
+    <NCard :title="t('page.i18n-demo.change-language')">
+      <NP>
         {{ t('page.i18n-demo.current-language') }}:
         <span class="font-bold">{{ locale }}</span>
-      </n-p>
+      </NP>
 
-      <n-p>
+      <NP>
         {{ t('page.i18n-demo.hello', { name: 'Kilo' }) }}
-      </n-p>
+      </NP>
 
-      <n-space>
-        <n-button type="primary" @click="setLocale('en-US')"> English </n-button>
-        <n-button type="success" @click="setLocale('zh-CN')"> 简体中文 </n-button>
-      </n-space>
-    </n-card>
+      <NSpace>
+        <NButton type="primary" @click="setLocale('en-US')"> English </NButton>
+        <NButton type="success" @click="setLocale('zh-CN')"> 简体中文 </NButton>
+      </NSpace>
+    </NCard>
 
     <!-- 这里响应式有问题: -->
-    <n-p> $route.meta.title: {{ $route.meta.title }} </n-p>
+    <NP> $route.meta.title: {{ $route.meta.title }} </NP>
     <!-- 这样才正常 -->
-    <n-p>
+    <NP>
       routeI18nInstance.global.t($route.name): {{ routeI18nInstance.global.t($route.name) }}
-    </n-p>
+    </NP>
   </div>
 </template>