11-6 将首页的欢迎文字提取成一个组件

web/src/components/the-welcome.vue

+<template>
+  <h1>欢迎进入 Fairy Wiki</h1>
+</template>
+
+<script>
+import {defineComponent} from "vue";
+
+export default defineComponent ({
+  name: "the-welcome",
+
+  setup() {
+    return {
+    }
+  }
+
+})
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file

web/src/views/home.vue

@@ -24,7 +24,7 @@
         :style="{ background: '#fff', padding: '24px', margin: 0, minHeight: '280px' }"
     >
       <div class="welcome" v-show="isShowWelcome">
-        <h1>欢迎进入 Fairy Wiki</h1>
+        <the-welcome></the-welcome>
       </div>
       <a-list v-show="!isShowWelcome" item-layout="vertical" size="large"
               :grid="{ gutter: 20, column: 3 }" :data-source="ebooks">
@@ -66,11 +66,13 @@ import { StarOutlined, LikeOutlined, MessageOutlined } from '@ant-design/icons-v
 import {Tool} from "@/util/tool";
 import {message} from "_ant-design-vue@2.0.0-rc.3@ant-design-vue";
 import {Category} from "@/models";
+import TheWelcome from "@/components/the-welcome.vue"
 
 
 export default defineComponent({
   name: 'Home',
   components: {
+    TheWelcome,
     StarOutlined,
     LikeOutlined,
     MessageOutlined,