fix: 修改名称规范问题

src/layout/components/LayoutHeader/index.ts

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

src/layout/components/LayoutHeader/index.vue

@@ -0,0 +1,41 @@
+<template>
+  <n-layout-header bordered class="go-header">
+    <header class="go-header-box">
+      <div>
+        <n-space>
+          <slot name="left"></slot>
+        </n-space>
+      </div>
+      <div>
+        <slot name="center"></slot>
+      </div>
+      <div>
+        <n-space>
+          <slot name="ri-left"> </slot>
+          <lang-select></lang-select>
+          <Theme-select></Theme-select>
+          <theme-color-select></theme-color-select>
+          <slot name="ri-right"> </slot>
+        </n-space>
+      </div>
+    </header>
+  </n-layout-header>
+</template>
+
+<script setup lang="ts">
+import { ThemeSelect } from '@/components/ThemeSelect'
+import { LangSelect } from '@/components/LangSelect'
+import { ThemeColorSelect } from '@/components/ThemeColorSelect'
+</script>
+
+<style lang="scss" scoped>
+@include go(header) {
+  &-box {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 60px;
+    height: $--header-height;
+  }
+}
+</style>