lint: apply fixes and resolve ESLint issues

- Wrap long template/script lines to satisfy max-len
- Expose RouteName to template to avoid unused-var warning
- Remove unused variable in demo index
- Re-run lint:fix to ensure clean state

Author: onmax

src/App.vue

@@ -50,7 +50,7 @@ import { nextTick } from '@/lib/nextTick';
 import Sidebar from './components/layouts/Sidebar.vue';
 import SwapNotification from './components/swap/SwapNotification.vue';
 import UpdateNotification from './components/UpdateNotification.vue';
-import router, { provideRouter } from './router';
+import router, { provideRouter, RouteName } from './router';
 import { useAccountStore } from './stores/Account';
 import { useSettingsStore } from './stores/Settings';
 import { useWindowSize } from './composables/useWindowSize';
@@ -110,7 +110,7 @@ export default defineComponent({
                 await router.push({ name: router.currentRoute.name!, query: { sidebar: 'true' } });
             } else if (currentXPosition <= transactionsBarrier && (initialXPosition) > transactionsBarrier) {
                 // Go to transactions
-                if (router.currentRoute.name === 'root') {
+                if (router.currentRoute.name === RouteName.Root) {
                     await router.push('/transactions');
                 }
             } else if (

src/components/AccountMenu.vue

@@ -28,7 +28,7 @@
 <script lang="ts">
 import { defineComponent, computed } from '@vue/composition-api';
 import { Identicon, MenuDotsIcon } from '@nimiq/vue-components';
-import { useRouter } from '@/router';
+import { useRouter, RouteName } from '@/router';
 
 import LoginFileIcon from './icons/LoginFileIcon.vue';
 import LedgerIcon from './icons/LedgerIcon.vue';
@@ -56,7 +56,7 @@ export default defineComponent({
             && addressState.addressInfos[activeAccountInfo.value.addresses[0]]);
 
         function goToAccount(testForMenuOpening = true) {
-            if (testForMenuOpening && router.currentRoute.name === 'root') {
+            if (testForMenuOpening && router.currentRoute.name === RouteName.Root) {
                 openMenu();
                 return;
             }

src/components/AddressList.vue

@@ -55,7 +55,7 @@ import { useAccountStore } from '../stores/Account';
 import { useBtcAddressStore } from '../stores/BtcAddress';
 import { usePolygonAddressStore } from '../stores/PolygonAddress';
 import { CryptoCurrency } from '../lib/Constants';
-import router from '../router';
+import router, { RouteName } from '../router';
 import { useSettingsStore } from '../stores/Settings';
 import { useAccountSettingsStore } from '../stores/AccountSettings';
 import { useStakingStore } from '../stores/Staking';
@@ -142,7 +142,12 @@ export default defineComponent({
             watch(activeAddress, () => activeAddress.value && adjustBackgroundOffsetAndScale(activeAddress.value));
             /* Update the .active-box after the decimals setting is changed */
             router.afterEach((to, from) => {
-                if (from.name === 'settings' && from.query.sidebar && to.name === 'root' && activeAddress.value) {
+                if (
+                    from.name === RouteName.Settings
+                    && from.query.sidebar
+                    && to.name === RouteName.Root
+                    && activeAddress.value
+                ) {
                     nextTick(() =>
                         activeAddress.value && adjustBackgroundOffsetAndScale(activeAddress.value),
                     );

src/components/layouts/AccountOverview.vue

@@ -29,7 +29,10 @@
         </div>
 
         <div class="mobile-menu-bar flex-row">
-            <button class="reset menu-button" @click="$router.push({name: 'root', query: {sidebar: 'true'}})">
+            <button
+                class="reset menu-button"
+                @click="$router.replace({ name: RouteName.Root, query: { sidebar: 'true' } })"
+            >
                 <MenuIcon/>
                 <AttentionDot v-if="updateAvailable"/>
             </button>

src/components/layouts/Network.vue

@@ -1,8 +1,13 @@
 <template>
     <div class="network nq-blue-bg" :class="{'no-footer': !$config.enableBitcoin && !$config.polygon.enabled }">
         <div class="menu-bar full-width flex-row">
-            <button class="reset menu-button"
-                @click="$router.push({ name: 'network', query: { sidebar: !router.currentRoute.query.sidebar } })">
+            <button
+                class="reset menu-button"
+                @click="$router.push({
+                    name: RouteName.Network,
+                    query: { sidebar: !router.currentRoute.query.sidebar },
+                })"
+            >
                 <MenuIcon/>
                 <AttentionDot v-if="updateAvailable"/>
             </button>
@@ -104,7 +109,7 @@ import MenuIcon from '../icons/MenuIcon.vue';
 import NetworkInfoModal from '../modals/NetworkInfoModal.vue';
 import AttentionDot from '../AttentionDot.vue';
 import FiatConvertedAmount from '../FiatConvertedAmount.vue';
-import router from '../../router';
+import router, { RouteName } from '../../router';
 
 const LOCALSTORAGE_KEY = 'network-info-dismissed';
 
@@ -197,6 +202,7 @@ export default defineComponent({
             btcFee,
             polygonFee,
             router,
+            RouteName,
             stablecoin,
         };
     },

src/components/layouts/Settings.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="settings flex-row">
         <div class="mobile-menu-bar flex-row">
-            <button class="reset menu-button" @click="$router.push({name: 'settings', query: {sidebar: true}})">
+            <button class="reset menu-button" @click="$router.push({name: RouteName.Settings, query: {sidebar: true}})">
                 <MenuIcon/>
             </button>
 

src/lib/demo/index.ts

@@ -52,7 +52,6 @@ let demoRouter: VueRouter;
 // Simple state tracking for current modal
 let currentModal: DemoFlowType = 'idle';
 
-
 // Demo modal imports for dynamic loading
 const DemoFallbackModal = () =>
     import(
@@ -105,7 +104,6 @@ export function dangerouslyInitializeDemo(router: VueRouter): void {
 
     // Send initial ready message to parent frame
     sendInitialReadyMessage();
-
 }
 
 /**
@@ -138,7 +136,6 @@ function sendInitialReadyMessage(): void {
  * Adds routes pointing to our demo modals.
  */
 function addDemoModalRoutes(): void {
-
     // Import layout components for explicit inclusion
     const AccountOverview = () => import(/* webpackChunkName: "account-overview" */ '@/components/layouts/AccountOverview.vue');
     const AddressOverview = () => import(/* webpackChunkName: "address-overview" */ '@/components/layouts/AddressOverview.vue');
@@ -187,9 +184,8 @@ function attachIframeListeners(): void {
     });
 
     // Monitor route changes to send modal open/close messages
-    demoRouter.afterEach((to, from) => {
+    demoRouter.afterEach((to) => {
         const newModal = getModalTypeFromPath(to.path);
-        const oldModal = getModalTypeFromPath(from.path);
 
         // Only send message if modal state actually changed
         if (newModal === currentModal) return;

src/router.ts

@@ -579,7 +579,7 @@ function createActivationNavigationGuard(
         } else if (isUnsupportedAccount) {
             // unsupported account; go to main view
             next({
-                name: 'root',
+                name: RouteName.Root,
                 replace: true,
             });
         } else {