修复引入问题

src/layouts/components/setting.vue

@@ -4,13 +4,9 @@
 			<div class="setting-item">
 				<div class="setting-title">布局模式</div>
 				<div class="layout-mode-list">
-					<div
-						v-for="mode in layoutModes"
-						:key="mode.value"
-						class="layout-mode-item"
+					<div v-for="mode in layoutModes" :key="mode.value" class="layout-mode-item"
 						:class="{ active: layoutStore.layoutMode === mode.value }"
-						@click="handleLayoutChange(mode.value)"
-					>
+						@click="handleLayoutChange(mode.value)">
 						<div class="layout-preview" :class="`preview-${mode.value}`">
 							<div class="preview-sidebar"></div>
 							<div v-if="mode.value === 'default'" class="preview-sidebar-2"></div>
@@ -28,14 +24,9 @@
 			<div class="setting-item">
 				<div class="setting-title">主题颜色</div>
 				<div class="color-list">
-					<div
-						v-for="color in themeColors"
-						:key="color"
-						class="color-item"
-						:class="{ active: themeColor === color }"
-						:style="{ backgroundColor: color }"
-						@click="changeThemeColor(color)"
-					>
+					<div v-for="color in themeColors" :key="color" class="color-item"
+						:class="{ active: themeColor === color }" :style="{ backgroundColor: color }"
+						@click="changeThemeColor(color)">
 						<CheckOutlined v-if="themeColor === color" />
 					</div>
 				</div>
@@ -69,14 +60,14 @@
 </template>
 
 <script setup>
-import { ref, defineExpose, defineOptions, watch, onMounted } from 'vue'
+import { ref, watch, onMounted } from 'vue'
 import { message } from 'ant-design-vue'
 import { useLayoutStore } from '@/stores/modules/layout'
 import { CheckOutlined, ReloadOutlined } from '@ant-design/icons-vue'
 
 // 定义组件名称（多词命名）
 defineOptions({
-	name: 'LayoutSetting'
+	name: 'LayoutSetting',
 })
 
 const layoutStore = useLayoutStore()
@@ -89,19 +80,10 @@ const showBreadcrumb = ref(true)
 const layoutModes = [
 	{ value: 'default', label: '默认布局' },
 	{ value: 'menu', label: '菜单布局' },
-	{ value: 'top', label: '顶部布局' }
+	{ value: 'top', label: '顶部布局' },
 ]
 
-const themeColors = [
-	'#1890ff',
-	'#f5222d',
-	'#fa541c',
-	'#faad14',
-	'#13c2c2',
-	'#52c41a',
-	'#2f54eb',
-	'#722ed1'
-]
+const themeColors = ['#1890ff', '#f5222d', '#fa541c', '#faad14', '#13c2c2', '#52c41a', '#2f54eb', '#722ed1']
 
 const openDrawer = () => {
 	open.value = true
@@ -113,13 +95,13 @@ const closeDrawer = () => {
 
 defineExpose({
 	openDrawer,
-	closeDrawer
+	closeDrawer,
 })
 
 // 切换布局
 const handleLayoutChange = (mode) => {
 	layoutStore.setLayoutMode(mode)
-	const modeLabel = layoutModes.find(m => m.value === mode)?.label || mode
+	const modeLabel = layoutModes.find((m) => m.value === mode)?.label || mode
 	message.success(`已切换到${modeLabel}`)
 }