refactor(components): blankLayout引入GlobalContent

src/views/website/components/WebsiteHeader.vue

@@ -0,0 +1,19 @@
+<template>
+  <header class="flex-y-center justify-between h-78px px-24px bg-light dark:bg-dark shadow-sm">
+    <div class="flex-y-center h-full">
+      <system-logo class="w-48px h-48px mr-12px" :color="theme.themeColor" />
+      <n-gradient-text size="32">Soybean 网址导航</n-gradient-text>
+    </div>
+    <theme-switch :dark="theme.darkMode" @update="handleDarkMode" />
+  </header>
+</template>
+
+<script setup lang="ts">
+import { NGradientText } from 'naive-ui';
+import { SystemLogo, ThemeSwitch } from '@/components';
+import { useThemeStore } from '@/store';
+
+const theme = useThemeStore();
+const { handleDarkMode } = useThemeStore();
+</script>
+<style scoped></style>

src/views/website/components/index.ts

@@ -0,0 +1,3 @@
+import WebsiteHeader from './WebsiteHeader.vue';
+
+export { WebsiteHeader };

src/views/website/index.vue

@@ -1,22 +1,12 @@
 <template>
   <div>
-    <header class="flex-y-center justify-between h-78px px-24px bg-light dark:bg-dark shadow-sm">
-      <div class="flex-y-center">
-        <system-logo class="w-48px h-48px mr-12px" :color="theme.themeColor" />
-        <n-gradient-text size="32">Soybean 网址导航</n-gradient-text>
-      </div>
-      <theme-switch :dark="theme.darkMode" @update="handleDarkMode" />
-    </header>
+    <website-header />
     <n-space :vertical="true"></n-space>
   </div>
 </template>
 
 <script setup lang="ts">
-import { NSpace, NGradientText } from 'naive-ui';
-import { SystemLogo, ThemeSwitch } from '@/components';
-import { useThemeStore } from '@/store';
-
-const theme = useThemeStore();
-const { handleDarkMode } = useThemeStore();
+import { NSpace } from 'naive-ui';
+import { WebsiteHeader } from './components';
 </script>
 <style scoped></style>