move shortcuts view to app

Author: marle3003

webui/src/App.vue

@@ -1,11 +1,15 @@
 <script setup lang="ts">
 import { RouterView } from 'vue-router'
 import Header from './components/Header.vue'
+import Shortcuts from '@/components/Shortcuts.vue'
+
+const isDashboard = import.meta.env.VITE_DASHBOARD === 'true'
 </script>
 
 <template>
   <Header></Header>
   <RouterView :key="$route.fullPath" />
+  <shortcuts v-if="isDashboard"  />
 </template>
 
 <style scoped>

webui/src/components/Header.vue

@@ -7,7 +7,7 @@ import Fuse from 'fuse.js';
 import { parseMarkdown } from '@/composables/markdown';
 import { Modal } from 'bootstrap';
 import type { AppInfoResponse } from '@/types/dashboard';
-import { getRouteName, useDashboard } from '@/composables/dashboard';
+import { useDashboard } from '@/composables/dashboard';
 import { usePromo } from '@/composables/promo';
 
 const isDashboard = import.meta.env.VITE_DASHBOARD === 'true'

webui/src/views/DashboardView.vue

@@ -41,7 +41,6 @@ import { useRefreshManager } from '@/composables/refresh-manager'
 import { useDashboard, getRouteName } from '@/composables/dashboard'
 import Tabs from '@/components/dashboard/Tabs.vue'
 import ReleaseNotes from '@/components/ReleaseNotes.vue'
-import Shortcuts from '@/components/Shortcuts.vue'
 import { useRouter } from '@/router'
 
 const route = useRoute()
@@ -232,7 +231,6 @@ useMeta('Dashboard | mokapi.io', description, '')
         <message :message="appInfo.error" v-if="!appInfo?.data && !appInfo?.isLoading && appInfo?.error"></message>
         <loading v-if="isInitLoading()"></loading>
         <release-notes v-if="getMode() === 'live'" />
-        <shortcuts v-if="getMode() === 'live'"  />
     </main>
 </template>