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.

vite-plugins/00.vue-macros.ts

@@ -2,25 +2,27 @@ import vue from '@vitejs/plugin-vue';
 import vueJsx from '@vitejs/plugin-vue-jsx';
 import { getPascalCaseRouteName } from 'unplugin-vue-router';
 import vueRouter from 'unplugin-vue-router/vite';
-import type { PluginOption } from 'vite';
+import type { ConfigEnv, PluginOption } from 'vite';
 import VueMacros from 'vue-macros/vite';
 
-export default [
-  VueMacros({
-    plugins: {
-      vue: vue({ include: [/\.vue$/, /\.md$/] }),
-      vueJsx: vueJsx(),
+export function loadPlugin(_configEnv: ConfigEnv): PluginOption {
+  return [
+    VueMacros({
+      plugins: {
+        vue: vue({ include: [/\.vue$/, /\.md$/] }),
+        vueJsx: vueJsx(),
 
-      // https://uvr.esm.is/guide/configuration.html
-      // https://github.com/posva/unplugin-vue-router
-      // ⚠️ Vue must be placed after VueRouter()
-      vueRouter: vueRouter({
-        exclude: ['**/__*', '**/__*/**/*'],
-        extensions: ['.page.vue', '.page.md'],
-        getRouteName: (routeNode) => getPascalCaseRouteName(routeNode),
-        logs: false,
-        routesFolder: 'src/pages',
-      }),
-    },
-  }),
-] satisfies PluginOption;
+        // https://uvr.esm.is/guide/configuration.html
+        // https://github.com/posva/unplugin-vue-router
+        // ⚠️ Vue must be placed after VueRouter()
+        vueRouter: vueRouter({
+          exclude: ['**/__*', '**/__*/**/*'],
+          extensions: ['.page.vue', '.page.md'],
+          getRouteName: (routeNode) => getPascalCaseRouteName(routeNode),
+          logs: false,
+          routesFolder: 'src/pages',
+        }),
+      },
+    }),
+  ];
+}