refactor: Some simple optimizations

Author: cwandev

src/App.vue

@@ -29,7 +29,7 @@ provide('isRealDark', computed(() => theme.value === 'dark'))
     <router-view v-slot="{ Component, route }">
       <transition :name="useRouteTransitionNameHook().routeTransitionName">
         <div :key="route.name" class="app-wrapper">
-          <component :is="Component" v-if="Component" />
+          <component :is="Component" />
         </div>
       </transition>
     </router-view>

src/main.ts

@@ -1,12 +1,12 @@
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
-import App from './App.vue'
-import router from './router'
+import App from '@/App.vue'
+import router from '@/router'
 
 import 'virtual:uno.css'
 
-import './app.less'
+import '@/styles/app.less'
 
 // Vant 桌面端适配
 import '@vant/touch-emulator'

src/app.less renamed to src/styles/app.less

@@ -27,5 +27,6 @@ export default defineConfig({
     'btn': 'py-2 px-4 font-semibold rounded-lg shadow-md',
     'btn-green': 'text-white bg-green-500 hover:bg-green-700',
     'btn-blue': 'text-white bg-blue-500 hover:bg-blue-700',
+    'centered': 'absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2',
   },
 })