fix: import error triggers circular reference (#92)

src/store/modules/app/index.ts

@@ -8,7 +8,6 @@ import { WHITE_LIST } from '@/router/constants';
 import { AppRouteRecordRaw } from '@/router/routes/types';
 import DASHBOARD from '@/router/routes/modules/dashboard';
 import { DEFAULT_LAYOUT } from '@/router/routes/base';
-import router from '@/router';
 import { AppState, MenuItem } from './types';
 
 function generateMenu(
@@ -123,6 +122,7 @@ const useAppStore = defineStore('app', {
           closable: true,
         });
       } catch (error) {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         notifyInstance = Notification.error({
           id: 'menuNotice',
           content: 'error',

src/views/login/components/banner.vue

@@ -5,8 +5,18 @@
         <a-carousel-item v-for="item in carouselItem" :key="item.slogan">
           <div :key="item.slogan" class="carousel-item">
             <div class="carousel-title">{{ item.slogan }}</div>
-            <div class="carousel-sub-title">{{ item.subSlogan }}</div>
-            <img :src="item.image" class="carousel-image" />
+            <div class="carousel-sub-title" style="margin-bottom: 20px">{{
+              item.subSlogan
+            }}</div>
+            <!--<img :src="item.image" class="carousel-image" />-->
+            <iframe
+              src="https://discord.com/widget?id=1185035164577972344&theme=dark"
+              width="350"
+              height="350"
+              allowtransparency="true"
+              frameborder="0"
+              sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"
+            ></iframe>
           </div>
         </a-carousel-item>
       </a-carousel>

src/views/login/index.vue

@@ -59,7 +59,7 @@
       ]),
     showIcon: false,
     closable: true,
-    duration: 1000 * 15,
+    duration: 1000 * 30,
   });
 </script>