style: remove fullScreen component

src/app/app.tsx

@@ -1,8 +1,6 @@
-import { defineComponent, toRefs } from 'vue'
+import { defineComponent } from 'vue'
 import { ErrorBoundary } from '@/components/error-boundary/index'
 import { Container } from '@/layout/container'
-import { FullScreen } from '@/components/full-screen'
-import { useRoute } from '@/hooks'
 
 import '@/theme/index'
 import './app.less'
@@ -11,10 +9,9 @@ import './app.less'
 export default defineComponent({
   name: 'APP',
   setup() {
-    const { meta } = toRefs(useRoute())
     return () => (
       <ErrorBoundary ref="ErrorBoundary">
-        {meta.value.full ? <FullScreen></FullScreen> : <Container></Container>}
+        <Container />
       </ErrorBoundary>
     )
   }

src/iconfont/index.ts

@@ -2,4 +2,4 @@ import $script from 'scriptjs'
 import { noop } from '@/utils/index'
 
 // repair electron packaging '//' protocol problem
-$script('https://at.alicdn.com/t/font_2132275_jbky0lkgftf.js', noop)
+$script('https://at.alicdn.com/t/font_2132275_qly69ylkk2.js', noop)

src/layout/container.tsx

@@ -89,9 +89,9 @@ export const Container = defineComponent({
           }
         )}
       >
-        <Header ref={target}></Header>
-        <Main></Main>
-        <Footer></Footer>
+        <Header ref={target} />
+        <Main />
+        <Footer />
       </div>
     )
   }

src/pages/404/view/index.less

@@ -0,0 +1,3 @@
+.not-found {
+  text-align: center;
+}

src/pages/404/view/index.tsx

@@ -0,0 +1,18 @@
+import { defineComponent } from 'vue'
+import './index.less'
+
+export const $404 = defineComponent({
+  name: '$404',
+  setup() {
+    return () => (
+      <div class="not-found">
+        <icon icon="not-found" size={480} color="var(--base-color)"></icon>
+        <div>
+          <router-link to="/music/recommend" replace>
+            去听会歌
+          </router-link>
+        </div>
+      </div>
+    )
+  }
+})

src/pages/footer/component/lyrice/index.tsx

@@ -12,7 +12,7 @@ import {
   onBeforeUnmount
 } from 'vue'
 import { on, off } from '@/utils/index'
-import { uesModuleStore } from '@/hooks/index'
+import { uesModuleStore, useRoute } from '@/hooks/index'
 import { TeleportToAny } from '@/components/teleport-layout/index'
 import {
   NAMESPACED as LayoutNamespace,

src/pages/footer/view/index.tsx

@@ -25,7 +25,7 @@ import './index.less'
 
 // Fix JSX element type "AsyncComponent" does not have any construction signature or call signature.
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const Com = AsyncComponent as any
+const BrowserLyrice = AsyncComponent as any
 
 export const Footer = defineComponent({
   name: 'Footer',
@@ -80,7 +80,7 @@ export const Footer = defineComponent({
               </div>
             </div>
           </div>
-          <Com visible={visibleLyrice.value} />
+          <BrowserLyrice visible={visibleLyrice.value} />
           <BrowserLyriceFlash />
           {/* Failed to locate Teleport target with selector "#cover-container" */}
           {/* {<PlayLyrice visible={visibleLyrice.value}></PlayLyrice>} */}

src/router/index.ts

@@ -6,7 +6,7 @@ import {
 } from 'vue-router'
 import { ComponentPublicInstance } from 'vue'
 import { hook } from './hook'
-import { TestFull } from '@/pages/test/view/index'
+import { $404 } from '@/pages/404/view/index'
 import { FindMusic, Recommend, SongList } from '@/pages/news/index'
 import { Video, Mv } from '@/pages/video/index'
 import { Platform } from '@/config/build'
@@ -29,12 +29,16 @@ export const LYRICE_PATH = '/electron-lyrice-flash'
 // Internationalization is not currently supported
 const baseRouter: RouteRecordRaw[] = [
   {
-    path: '/',
-    redirect: '/music'
+    path: '/:pathMatch(.*)', // https://next.router.vuejs.org/guide/migration/#removed-star-or-catch-all-routes
+    name: $404.name,
+    meta: {
+      full: true
+    },
+    component: $404
   },
   {
-    path: '/403',
-    component: TestFull
+    path: '/',
+    redirect: '/music'
   }
 ]
 
@@ -70,7 +74,6 @@ export const navRouter: RouteRecordRaw[] = [
   {
     path: '/video',
     component: Video,
-    name: Video.name,
     meta: {
       name: '视频'
     },