feat: refactor layouts and login components

src/components/PageLogin.vue

@@ -225,12 +225,12 @@
 <script setup lang="ts">
 import { mdiBullhornVariantOutline } from '@mdi/js'
 import { computed, ref } from 'vue'
-import LoginAnnouncementBoard from './base/login/LoginAnnouncementBoard.vue'
-import LoginBrand from './base/login/LoginBrand.vue'
-import LoginForm from './base/login/LoginForm.vue'
-import LoginHeader from './base/login/LoginHeader.vue'
-import LoginToolBar from './base/login/LoginToolBar.vue'
-import LoginVerify from './base/login/LoginVerify.vue'
+import LoginAnnouncementBoard from './login/LoginAnnouncementBoard.vue'
+import LoginBrand from './login/LoginBrand.vue'
+import LoginForm from './login/LoginForm.vue'
+import LoginHeader from './login/LoginHeader.vue'
+import LoginToolBar from './login/LoginToolBar.vue'
+import LoginVerify from './login/LoginVerify.vue'
 
 interface BrandingConfig {
   title?: string

src/components/layouts/SKMainLayout.vue

@@ -1,62 +0,0 @@
-<template>
-  <SKAdminLayout
-    :favorite-items="favoriteItems"
-    :favorites-config="favoritesConfig"
-    :menu-items="menuItems"
-    :system-title="systemTitle"
-    :theme-toggle-label="themeToggleLabel"
-    :logout-label="logoutLabel"
-    :features="features"
-    @logout="$emit('logout')"
-    @select="$emit('select', $event)"
-  >
-    <slot />
-  </SKAdminLayout>
-</template>
-
-<script setup lang="ts">
-import type { AdminLayoutFavoritesConfig, AdminLayoutMenuItem } from './sk-admin-layout/types'
-import { computed } from 'vue'
-import SKAdminLayout from './SKAdminLayout.vue'
-
-interface Props {
-  systemTitle?: string
-  themeToggleLabel?: string
-  logoutLabel?: string
-  favoriteHeaderLabel?: string
-  favoriteItems?: AdminLayoutMenuItem[]
-  menuItems?: AdminLayoutMenuItem[]
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  systemTitle: '管理系統',
-  themeToggleLabel: '切換主題',
-  logoutLabel: '登出',
-  favoriteHeaderLabel: '我的最愛',
-  favoriteItems: () => [],
-  menuItems: () => [
-    { title: '首頁', path: '/' },
-    { title: '設定', path: '/settings' },
-  ],
-})
-
-defineEmits<{
-  logout: []
-  select: [item: AdminLayoutMenuItem]
-}>()
-
-const features = {
-  showThemeToggle: true,
-  showFavorites: true,
-  showBreadcrumb: false,
-  showSearch: false,
-  showToolbarActions: false,
-  showUserInfo: false,
-}
-
-const favoritesConfig = computed<AdminLayoutFavoritesConfig>(() => ({
-  label: props.favoriteHeaderLabel,
-  addLabel: props.favoriteHeaderLabel,
-  showAdd: false,
-}))
-</script>

src/components/layouts/SKSimpleLayout.vue

@@ -1,39 +0,0 @@
-<template>
-  <SKAdminLayout
-    :menu-items="menuItems"
-    :system-title="systemTitle"
-    :features="features"
-    @select="$emit('select', $event)"
-  >
-    <slot />
-  </SKAdminLayout>
-</template>
-
-<script setup lang="ts">
-import type { AdminLayoutMenuItem } from './sk-admin-layout/types'
-import SKAdminLayout from './SKAdminLayout.vue'
-
-withDefaults(
-  defineProps<{
-    systemTitle?: string
-    menuItems?: AdminLayoutMenuItem[]
-  }>(),
-  {
-    systemTitle: '簡潔模式',
-    menuItems: () => [],
-  }
-)
-
-defineEmits<{
-  select: [item: AdminLayoutMenuItem]
-}>()
-
-const features = {
-  showThemeToggle: false,
-  showFavorites: false,
-  showBreadcrumb: false,
-  showSearch: false,
-  showToolbarActions: false,
-  showUserInfo: false,
-}
-</script>