diff --git a/src/App.vue b/src/App.vue
index fc6240200..b96fc67f1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,9 +5,11 @@
   >
     <div id="app">
       <!-- TODO: use transition -->
-      <transition :name="transitionName">
-        <router-view />
-      </transition>
+      <router-view v-slot="{ Component }">
+        <transition :name="transitionName">
+          <component :is="Component" />
+        </transition>
+      </router-view>
       <Notification />
       <ResyncConfirmation />
       <LogoutModal />
diff --git a/src/components.d.ts b/src/components.d.ts
index 124b43416..783a1cfc0 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -7,179 +7,178 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
-    Add: (typeof import('./components/svg/Add.vue'))['default']
-    AddOperator: (typeof import('./components/svg/AddOperator.vue'))['default']
-    AddOperatorDark: (typeof import('./components/svg/AddOperatorDark.vue'))['default']
-    Address: (typeof import('./components/Address.vue'))['default']
-    AddressCard: (typeof import('./components/AddressCard.vue'))['default']
-    AddressCardButton: (typeof import('./components/AddressCardButton.vue'))['default']
-    Addresses: (typeof import('./components/Addresses.vue'))['default']
-    AddressInformation: (typeof import('./components/AddressInformation.vue'))['default']
-    AddressList: (typeof import('./components/AddressList.vue'))['default']
-    Amount: (typeof import('./components/Amount.vue'))['default']
-    AppendUnit: (typeof import('./components/AppendUnit.vue'))['default']
-    Avatar: (typeof import('./components/Avatar.vue'))['default']
-    Balance: (typeof import('./components/Balance.vue'))['default']
-    BalanceButtons: (typeof import('./components/BalanceButtons.vue'))['default']
-    BalanceData: (typeof import('./components/BalanceData.vue'))['default']
-    BaseCard: (typeof import('./components/card/BaseCard.vue'))['default']
-    Card: (typeof import('./components/card/Card.vue'))['default']
-    Close: (typeof import('./components/svg/Close.vue'))['default']
-    CloseBtn: (typeof import('./components/svg/CloseBtn.vue'))['default']
-    CloseBtnDark: (typeof import('./components/svg/CloseBtnDark.vue'))['default']
-    CloseBtnLight: (typeof import('./components/svg/CloseBtnLight.vue'))['default']
-    CloseBtnLightDark: (typeof import('./components/svg/CloseBtnLightDark.vue'))['default']
-    CloseDark: (typeof import('./components/svg/CloseDark.vue'))['default']
-    Community: (typeof import('./components/Community.vue'))['default']
-    CommunityCard: (typeof import('./components/card/CommunityCard.vue'))['default']
-    CompleteVariablesForm: (typeof import('./components/SendTransaction/CompleteVariablesForm.vue'))['default']
-    CreateDataRequestForm: (typeof import('./components/SendTransaction/CreateDataRequestForm.vue'))['default']
-    CustomIcon: (typeof import('./components/CustomIcon.vue'))['default']
-    DataRequest: (typeof import('./components/DataRequest.vue'))['default']
-    DecryptXprv: (typeof import('./components/steps/DecryptXprv.vue'))['default']
-    DeleteBtn: (typeof import('./components/svg/DeleteBtn.vue'))['default']
-    DeleteBtnDark: (typeof import('./components/svg/DeleteBtnDark.vue'))['default']
-    DeleteWallet: (typeof import('./components/DeleteWallet.vue'))['default']
-    DeleteWalletConfirmation: (typeof import('./components/DeleteWalletConfirmation.vue'))['default']
-    DeployDataRequest: (typeof import('./components/SendTransaction/DeployDataRequest.vue'))['default']
-    DescriptionModal: (typeof import('./components/DescriptionModal.vue'))['default']
-    Disclaimer: (typeof import('./components/card/Disclaimer.vue'))['default']
-    Disconnected: (typeof import('./components/svg/Disconnected.vue'))['default']
-    Discord: (typeof import('./components/svg/Discord.vue'))['default']
-    DotsLoading: (typeof import('./components/DotsLoading.vue'))['default']
-    Down: (typeof import('./components/svg/Down.vue'))['default']
-    DownDark: (typeof import('./components/svg/DownDark.vue'))['default']
-    DropdownExample: (typeof import('./components/svg/DropdownExample.vue'))['default']
-    Editor: (typeof import('./components/Editor.vue'))['default']
-    EditorAggregationsTally: (typeof import('./components/card/EditorAggregationsTally.vue'))['default']
-    EditorOperatorArgument: (typeof import('./components/EditorOperatorArgument.vue'))['default']
-    EditorScript: (typeof import('./components/card/EditorScript.vue'))['default']
-    EditorSettings: (typeof import('./components/EditorSettings.vue'))['default']
-    EditorSource: (typeof import('./components/EditorSource.vue'))['default']
-    EditorStageAggregations: (typeof import('./components/EditorStageAggregations.vue'))['default']
-    EditorStageBar: (typeof import('./components/EditorStageBar.vue'))['default']
-    EditorStageScripts: (typeof import('./components/EditorStageScripts.vue'))['default']
-    EditorStageSettings: (typeof import('./components/EditorStageSettings.vue'))['default']
-    EditorStageSources: (typeof import('./components/EditorStageSources.vue'))['default']
-    EditorStageTally: (typeof import('./components/EditorStageTally.vue'))['default']
-    EditorToolBar: (typeof import('./components/EditorToolBar.vue'))['default']
-    ElButton: (typeof import('element-plus/es'))['ElButton']
-    ElCheckbox: (typeof import('element-plus/es'))['ElCheckbox']
-    ElDatePicker: (typeof import('element-plus/es'))['ElDatePicker']
-    ElDialog: (typeof import('element-plus/es'))['ElDialog']
-    ElDropdown: (typeof import('element-plus/es'))['ElDropdown']
-    ElDropdownItem: (typeof import('element-plus/es'))['ElDropdownItem']
-    ElDropdownMenu: (typeof import('element-plus/es'))['ElDropdownMenu']
-    ElForm: (typeof import('element-plus/es'))['ElForm']
-    ElFormItem: (typeof import('element-plus/es'))['ElFormItem']
-    ElInput: (typeof import('element-plus/es'))['ElInput']
-    ElLink: (typeof import('element-plus/es'))['ElLink']
-    ElPagination: (typeof import('element-plus/es'))['ElPagination']
-    ElPopover: (typeof import('element-plus/es'))['ElPopover']
-    ElProgress: (typeof import('element-plus/es'))['ElProgress']
-    ElSwitch: (typeof import('element-plus/es'))['ElSwitch']
-    ElTooltip: (typeof import('element-plus/es'))['ElTooltip']
-    Email: (typeof import('./components/svg/Email.vue'))['default']
-    ExitIcon: (typeof import('./components/svg/ExitIcon.vue'))['default']
-    ExitIconDark: (typeof import('./components/svg/ExitIconDark.vue'))['default']
-    ExportXprv: (typeof import('./components/ExportXprv.vue'))['default']
-    Fieldset: (typeof import('./components/Fieldset.vue'))['default']
-    FileUploader: (typeof import('./components/FileUploader.vue'))['default']
-    FrameOutside: (typeof import('./components/FrameOutside.vue'))['default']
-    GeneratedTransaction: (typeof import('./components/SendTransaction/GeneratedTransaction.vue'))['default']
-    Github: (typeof import('./components/svg/Github.vue'))['default']
-    Gitter: (typeof import('./components/svg/Gitter.vue'))['default']
-    ImportXprv: (typeof import('./components/steps/ImportXprv.vue'))['default']
-    InformativeContent: (typeof import('./components/card/InformativeContent.vue'))['default']
-    Input: (typeof import('./components/Input.vue'))['default']
-    InputsOutputs: (typeof import('./components/InputsOutputs.vue'))['default']
-    JsonTree: (typeof import('./components/JsonTree.vue'))['default']
-    LayoutSidebar: (typeof import('./components/LayoutSidebar.vue'))['default']
-    LayoutTwoColumns: (typeof import('./components/LayoutTwoColumns.vue'))['default']
-    Loading: (typeof import('./components/steps/Loading.vue'))['default']
-    LogoutModal: (typeof import('./components/LogoutModal.vue'))['default']
-    LongArrow: (typeof import('./components/svg/LongArrow.vue'))['default']
-    LongArrowDark: (typeof import('./components/svg/LongArrowDark.vue'))['default']
-    Marketplace: (typeof import('./components/Marketplace.vue'))['default']
-    Medium: (typeof import('./components/svg/Medium.vue'))['default']
-    NavigationCard: (typeof import('./components/card/NavigationCard.vue'))['default']
-    Negative: (typeof import('./components/svg/Negative.vue'))['default']
-    NetworkStatus: (typeof import('./components/NetworkStatus.vue'))['default']
-    Notification: (typeof import('./components/Notification.vue'))['default']
-    Open: (typeof import('./components/svg/Open.vue'))['default']
-    OpenDark: (typeof import('./components/svg/OpenDark.vue'))['default']
-    OperatorArrow: (typeof import('./components/svg/OperatorArrow.vue'))['default']
-    OperatorArrowDark: (typeof import('./components/svg/OperatorArrowDark.vue'))['default']
-    OperatorOutput: (typeof import('./components/OperatorOutput.vue'))['default']
-    OperatorType: (typeof import('./components/OperatorType.vue'))['default']
-    Options: (typeof import('./components/svg/Options.vue'))['default']
-    OptionsDark: (typeof import('./components/svg/OptionsDark.vue'))['default']
-    OptionsMarketplace: (typeof import('./components/svg/OptionsMarketplace.vue'))['default']
-    PasswordValidation: (typeof import('./components/PasswordValidation.vue'))['default']
-    Positive: (typeof import('./components/svg/Positive.vue'))['default']
-    RadonAggregateTallyScript: (typeof import('./components/RadonAggregateTallyScript.vue'))['default']
-    RadonOperator: (typeof import('./components/RadonOperator.vue'))['default']
-    RadonScript: (typeof import('./components/RadonScript.vue'))['default']
-    Reddit: (typeof import('./components/svg/Reddit.vue'))['default']
-    RenameConfirmation: (typeof import('./components/RenameConfirmation.vue'))['default']
-    RenameTemplate: (typeof import('./components/RenameTemplate.vue'))['default']
-    RenameWallet: (typeof import('./components/RenameWallet.vue'))['default']
-    RepeatedWalletDisclaimer: (typeof import('./components/steps/RepeatedWalletDisclaimer.vue'))['default']
-    ResyncConfirmation: (typeof import('./components/ResyncConfirmation.vue'))['default']
-    RouterLink: (typeof import('vue-router'))['RouterLink']
-    RouterView: (typeof import('vue-router'))['RouterView']
-    ScriptInfo: (typeof import('./components/ScriptInfo.vue'))['default']
-    Select: (typeof import('./components/Select.vue'))['default']
-    SelectEstimatedFee: (typeof import('./components/SendTransaction/SelectEstimatedFee.vue'))['default']
-    SendValueTransfer: (typeof import('./components/SendTransaction/SendValueTransfer.vue'))['default']
-    SendValueTransferForm: (typeof import('./components/SendTransaction/SendValueTransferForm.vue'))['default']
-    SetFee: (typeof import('./components/SendTransaction/SetFee.vue'))['default']
-    SettingsAppearance: (typeof import('./components/SettingsAppearance.vue'))['default']
-    SettingsLanguage: (typeof import('./components/SettingsLanguage.vue'))['default']
-    SettingsNotificationList: (typeof import('./components/SettingsNotificationList.vue'))['default']
-    SettingsNotificationSwitch: (typeof import('./components/SettingsNotificationSwitch.vue'))['default']
-    SettingsOptionUnit: (typeof import('./components/SettingsOptionUnit.vue'))['default']
-    SettingsResync: (typeof import('./components/SettingsResync.vue'))['default']
-    SettingsSection: (typeof import('./components/SettingsSection.vue'))['default']
-    SettingsSidebar: (typeof import('./components/SettingsSidebar.vue'))['default']
-    SettingsThemeSwitch: (typeof import('./components/SettingsThemeSwitch.vue'))['default']
-    Sheikah: (typeof import('./components/svg/Sheikah.vue'))['default']
-    SheikahDark: (typeof import('./components/svg/SheikahDark.vue'))['default']
-    SheikahIcon: (typeof import('./components/svg/SheikahIcon.vue'))['default']
-    SheikahIconDark: (typeof import('./components/svg/SheikahIconDark.vue'))['default']
-    SheikahSmall: (typeof import('./components/svg/SheikahSmall.vue'))['default']
-    SheikahSmallDark: (typeof import('./components/svg/SheikahSmallDark.vue'))['default']
-    Sidebar: (typeof import('./components/Sidebar.vue'))['default']
-    SortDown: (typeof import('./components/svg/SortDown.vue'))['default']
-    SortDownDark: (typeof import('./components/svg/SortDownDark.vue'))['default']
-    SortUp: (typeof import('./components/svg/SortUp.vue'))['default']
-    SortUpDark: (typeof import('./components/svg/SortUpDark.vue'))['default']
-    Spinner: (typeof import('./components/Spinner.vue'))['default']
-    Subscript: (typeof import('./components/Subscript.vue'))['default']
-    Tag: (typeof import('./components/Tag.vue'))['default']
-    Telegram: (typeof import('./components/svg/Telegram.vue'))['default']
-    TemplateCard: (typeof import('./components/card/TemplateCard.vue'))['default']
-    Templates: (typeof import('./components/Templates.vue'))['default']
-    Transaction: (typeof import('./components/Transaction.vue'))['default']
-    TransactionDetails: (typeof import('./components/TransactionDetails.vue'))['default']
-    TransactionList: (typeof import('./components/TransactionList.vue'))['default']
-    Twitter: (typeof import('./components/svg/Twitter.vue'))['default']
-    UnlockWallet: (typeof import('./components/WelcomeBack/UnlockWallet.vue'))['default']
-    Up: (typeof import('./components/svg/Up.vue'))['default']
-    UpDark: (typeof import('./components/svg/UpDark.vue'))['default']
-    Variables: (typeof import('./components/Variables.vue'))['default']
-    Version: (typeof import('./components/Version.vue'))['default']
-    Wallet: (typeof import('./components/Wallet.vue'))['default']
-    WalletBirthdate: (typeof import('./components/steps/WalletBirthdate.vue'))['default']
-    WalletDescription: (typeof import('./components/steps/WalletDescription.vue'))['default']
-    WalletDisclaimer: (typeof import('./components/steps/WalletDisclaimer.vue'))['default']
-    WalletEncryptionPassword: (typeof import('./components/steps/WalletEncryptionPassword.vue'))['default']
-    WalletImport: (typeof import('./components/steps/WalletImport.vue'))['default']
-    WalletList: (typeof import('./components/WelcomeBack/WalletList.vue'))['default']
-    WalletNotFound: (typeof import('./components/WalletNotFound.vue'))['default']
-    WalletSeedBackup: (typeof import('./components/steps/WalletSeedBackup.vue'))['default']
-    WalletSeedTypeSelection: (typeof import('./components/steps/WalletSeedTypeSelection.vue'))['default']
-    WalletSeedValidation: (typeof import('./components/steps/WalletSeedValidation.vue'))['default']
-    WelcomeForm: (typeof import('./components/steps/WelcomeForm.vue'))['default']
+    Add: typeof import('./components/svg/Add.vue')['default']
+    AddOperator: typeof import('./components/svg/AddOperator.vue')['default']
+    AddOperatorDark: typeof import('./components/svg/AddOperatorDark.vue')['default']
+    Address: typeof import('./components/Address.vue')['default']
+    AddressCard: typeof import('./components/AddressCard.vue')['default']
+    AddressCardButton: typeof import('./components/AddressCardButton.vue')['default']
+    Addresses: typeof import('./components/Addresses.vue')['default']
+    AddressInformation: typeof import('./components/AddressInformation.vue')['default']
+    AddressList: typeof import('./components/AddressList.vue')['default']
+    Amount: typeof import('./components/Amount.vue')['default']
+    AppendUnit: typeof import('./components/AppendUnit.vue')['default']
+    Avatar: typeof import('./components/Avatar.vue')['default']
+    Balance: typeof import('./components/Balance.vue')['default']
+    BalanceButtons: typeof import('./components/BalanceButtons.vue')['default']
+    BalanceData: typeof import('./components/BalanceData.vue')['default']
+    BaseCard: typeof import('./components/card/BaseCard.vue')['default']
+    Card: typeof import('./components/card/Card.vue')['default']
+    Close: typeof import('./components/svg/Close.vue')['default']
+    CloseBtn: typeof import('./components/svg/CloseBtn.vue')['default']
+    CloseBtnDark: typeof import('./components/svg/CloseBtnDark.vue')['default']
+    CloseBtnLight: typeof import('./components/svg/CloseBtnLight.vue')['default']
+    CloseBtnLightDark: typeof import('./components/svg/CloseBtnLightDark.vue')['default']
+    CloseDark: typeof import('./components/svg/CloseDark.vue')['default']
+    Community: typeof import('./components/Community.vue')['default']
+    CommunityCard: typeof import('./components/card/CommunityCard.vue')['default']
+    CompleteVariablesForm: typeof import('./components/SendTransaction/CompleteVariablesForm.vue')['default']
+    CreateDataRequestForm: typeof import('./components/SendTransaction/CreateDataRequestForm.vue')['default']
+    CustomIcon: typeof import('./components/CustomIcon.vue')['default']
+    DataRequest: typeof import('./components/DataRequest.vue')['default']
+    DecryptXprv: typeof import('./components/steps/DecryptXprv.vue')['default']
+    DeleteBtn: typeof import('./components/svg/DeleteBtn.vue')['default']
+    DeleteBtnDark: typeof import('./components/svg/DeleteBtnDark.vue')['default']
+    DeleteWallet: typeof import('./components/DeleteWallet.vue')['default']
+    DeleteWalletConfirmation: typeof import('./components/DeleteWalletConfirmation.vue')['default']
+    DeployDataRequest: typeof import('./components/SendTransaction/DeployDataRequest.vue')['default']
+    DescriptionModal: typeof import('./components/DescriptionModal.vue')['default']
+    Disclaimer: typeof import('./components/card/Disclaimer.vue')['default']
+    Disconnected: typeof import('./components/svg/Disconnected.vue')['default']
+    Discord: typeof import('./components/svg/Discord.vue')['default']
+    DotsLoading: typeof import('./components/DotsLoading.vue')['default']
+    Down: typeof import('./components/svg/Down.vue')['default']
+    DownDark: typeof import('./components/svg/DownDark.vue')['default']
+    Editor: typeof import('./components/Editor.vue')['default']
+    EditorAggregationsTally: typeof import('./components/card/EditorAggregationsTally.vue')['default']
+    EditorOperatorArgument: typeof import('./components/EditorOperatorArgument.vue')['default']
+    EditorScript: typeof import('./components/card/EditorScript.vue')['default']
+    EditorSettings: typeof import('./components/EditorSettings.vue')['default']
+    EditorSource: typeof import('./components/EditorSource.vue')['default']
+    EditorStageAggregations: typeof import('./components/EditorStageAggregations.vue')['default']
+    EditorStageBar: typeof import('./components/EditorStageBar.vue')['default']
+    EditorStageScripts: typeof import('./components/EditorStageScripts.vue')['default']
+    EditorStageSettings: typeof import('./components/EditorStageSettings.vue')['default']
+    EditorStageSources: typeof import('./components/EditorStageSources.vue')['default']
+    EditorStageTally: typeof import('./components/EditorStageTally.vue')['default']
+    EditorToolBar: typeof import('./components/EditorToolBar.vue')['default']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
+    ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElLink: typeof import('element-plus/es')['ElLink']
+    ElPagination: typeof import('element-plus/es')['ElPagination']
+    ElPopover: typeof import('element-plus/es')['ElPopover']
+    ElProgress: typeof import('element-plus/es')['ElProgress']
+    ElSwitch: typeof import('element-plus/es')['ElSwitch']
+    ElTooltip: typeof import('element-plus/es')['ElTooltip']
+    Email: typeof import('./components/svg/Email.vue')['default']
+    ExitIcon: typeof import('./components/svg/ExitIcon.vue')['default']
+    ExitIconDark: typeof import('./components/svg/ExitIconDark.vue')['default']
+    ExportXprv: typeof import('./components/ExportXprv.vue')['default']
+    Fieldset: typeof import('./components/Fieldset.vue')['default']
+    FileUploader: typeof import('./components/FileUploader.vue')['default']
+    FrameOutside: typeof import('./components/FrameOutside.vue')['default']
+    GeneratedTransaction: typeof import('./components/SendTransaction/GeneratedTransaction.vue')['default']
+    Github: typeof import('./components/svg/Github.vue')['default']
+    Gitter: typeof import('./components/svg/Gitter.vue')['default']
+    ImportXprv: typeof import('./components/steps/ImportXprv.vue')['default']
+    InformativeContent: typeof import('./components/card/InformativeContent.vue')['default']
+    Input: typeof import('./components/Input.vue')['default']
+    InputsOutputs: typeof import('./components/InputsOutputs.vue')['default']
+    JsonTree: typeof import('./components/JsonTree.vue')['default']
+    LayoutSidebar: typeof import('./components/LayoutSidebar.vue')['default']
+    LayoutTwoColumns: typeof import('./components/LayoutTwoColumns.vue')['default']
+    Loading: typeof import('./components/steps/Loading.vue')['default']
+    LogoutModal: typeof import('./components/LogoutModal.vue')['default']
+    LongArrow: typeof import('./components/svg/LongArrow.vue')['default']
+    LongArrowDark: typeof import('./components/svg/LongArrowDark.vue')['default']
+    Marketplace: typeof import('./components/Marketplace.vue')['default']
+    Medium: typeof import('./components/svg/Medium.vue')['default']
+    NavigationCard: typeof import('./components/card/NavigationCard.vue')['default']
+    Negative: typeof import('./components/svg/Negative.vue')['default']
+    NetworkStatus: typeof import('./components/NetworkStatus.vue')['default']
+    Notification: typeof import('./components/Notification.vue')['default']
+    Open: typeof import('./components/svg/Open.vue')['default']
+    OpenDark: typeof import('./components/svg/OpenDark.vue')['default']
+    OperatorArrow: typeof import('./components/svg/OperatorArrow.vue')['default']
+    OperatorArrowDark: typeof import('./components/svg/OperatorArrowDark.vue')['default']
+    OperatorOutput: typeof import('./components/OperatorOutput.vue')['default']
+    OperatorType: typeof import('./components/OperatorType.vue')['default']
+    Options: typeof import('./components/svg/Options.vue')['default']
+    OptionsDark: typeof import('./components/svg/OptionsDark.vue')['default']
+    OptionsMarketplace: typeof import('./components/svg/OptionsMarketplace.vue')['default']
+    PasswordValidation: typeof import('./components/PasswordValidation.vue')['default']
+    Positive: typeof import('./components/svg/Positive.vue')['default']
+    RadonAggregateTallyScript: typeof import('./components/RadonAggregateTallyScript.vue')['default']
+    RadonOperator: typeof import('./components/RadonOperator.vue')['default']
+    RadonScript: typeof import('./components/RadonScript.vue')['default']
+    Reddit: typeof import('./components/svg/Reddit.vue')['default']
+    RenameConfirmation: typeof import('./components/RenameConfirmation.vue')['default']
+    RenameTemplate: typeof import('./components/RenameTemplate.vue')['default']
+    RenameWallet: typeof import('./components/RenameWallet.vue')['default']
+    RepeatedWalletDisclaimer: typeof import('./components/steps/RepeatedWalletDisclaimer.vue')['default']
+    ResyncConfirmation: typeof import('./components/ResyncConfirmation.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    ScriptInfo: typeof import('./components/ScriptInfo.vue')['default']
+    Select: typeof import('./components/Select.vue')['default']
+    SelectEstimatedFee: typeof import('./components/SendTransaction/SelectEstimatedFee.vue')['default']
+    SendValueTransfer: typeof import('./components/SendTransaction/SendValueTransfer.vue')['default']
+    SendValueTransferForm: typeof import('./components/SendTransaction/SendValueTransferForm.vue')['default']
+    SetFee: typeof import('./components/SendTransaction/SetFee.vue')['default']
+    SettingsAppearance: typeof import('./components/SettingsAppearance.vue')['default']
+    SettingsLanguage: typeof import('./components/SettingsLanguage.vue')['default']
+    SettingsNotificationList: typeof import('./components/SettingsNotificationList.vue')['default']
+    SettingsNotificationSwitch: typeof import('./components/SettingsNotificationSwitch.vue')['default']
+    SettingsOptionUnit: typeof import('./components/SettingsOptionUnit.vue')['default']
+    SettingsResync: typeof import('./components/SettingsResync.vue')['default']
+    SettingsSection: typeof import('./components/SettingsSection.vue')['default']
+    SettingsSidebar: typeof import('./components/SettingsSidebar.vue')['default']
+    SettingsThemeSwitch: typeof import('./components/SettingsThemeSwitch.vue')['default']
+    Sheikah: typeof import('./components/svg/Sheikah.vue')['default']
+    SheikahDark: typeof import('./components/svg/SheikahDark.vue')['default']
+    SheikahIcon: typeof import('./components/svg/SheikahIcon.vue')['default']
+    SheikahIconDark: typeof import('./components/svg/SheikahIconDark.vue')['default']
+    SheikahSmall: typeof import('./components/svg/SheikahSmall.vue')['default']
+    SheikahSmallDark: typeof import('./components/svg/SheikahSmallDark.vue')['default']
+    Sidebar: typeof import('./components/Sidebar.vue')['default']
+    SortDown: typeof import('./components/svg/SortDown.vue')['default']
+    SortDownDark: typeof import('./components/svg/SortDownDark.vue')['default']
+    SortUp: typeof import('./components/svg/SortUp.vue')['default']
+    SortUpDark: typeof import('./components/svg/SortUpDark.vue')['default']
+    Spinner: typeof import('./components/Spinner.vue')['default']
+    Subscript: typeof import('./components/Subscript.vue')['default']
+    Tag: typeof import('./components/Tag.vue')['default']
+    Telegram: typeof import('./components/svg/Telegram.vue')['default']
+    TemplateCard: typeof import('./components/card/TemplateCard.vue')['default']
+    Templates: typeof import('./components/Templates.vue')['default']
+    Transaction: typeof import('./components/Transaction.vue')['default']
+    TransactionDetails: typeof import('./components/TransactionDetails.vue')['default']
+    TransactionList: typeof import('./components/TransactionList.vue')['default']
+    Twitter: typeof import('./components/svg/Twitter.vue')['default']
+    UnlockWallet: typeof import('./components/WelcomeBack/UnlockWallet.vue')['default']
+    Up: typeof import('./components/svg/Up.vue')['default']
+    UpDark: typeof import('./components/svg/UpDark.vue')['default']
+    Variables: typeof import('./components/Variables.vue')['default']
+    Version: typeof import('./components/Version.vue')['default']
+    Wallet: typeof import('./components/Wallet.vue')['default']
+    WalletBirthdate: typeof import('./components/steps/WalletBirthdate.vue')['default']
+    WalletDescription: typeof import('./components/steps/WalletDescription.vue')['default']
+    WalletDisclaimer: typeof import('./components/steps/WalletDisclaimer.vue')['default']
+    WalletEncryptionPassword: typeof import('./components/steps/WalletEncryptionPassword.vue')['default']
+    WalletImport: typeof import('./components/steps/WalletImport.vue')['default']
+    WalletList: typeof import('./components/WelcomeBack/WalletList.vue')['default']
+    WalletNotFound: typeof import('./components/WalletNotFound.vue')['default']
+    WalletSeedBackup: typeof import('./components/steps/WalletSeedBackup.vue')['default']
+    WalletSeedTypeSelection: typeof import('./components/steps/WalletSeedTypeSelection.vue')['default']
+    WalletSeedValidation: typeof import('./components/steps/WalletSeedValidation.vue')['default']
+    WelcomeForm: typeof import('./components/steps/WelcomeForm.vue')['default']
   }
 }
diff --git a/src/router.js b/src/router.js
index 4d79f5fa5..d706233ef 100644
--- a/src/router.js
+++ b/src/router.js
@@ -51,18 +51,22 @@ export default createRouter({
         {
           name: SETTINGS_SECTIONS.GENERAL,
           path: 'general',
+          component: Settings,
         },
         {
           name: SETTINGS_SECTIONS.ADVANCED,
           path: 'advanced',
+          component: Settings,
         },
         {
           name: SETTINGS_SECTIONS.NOTIFICATIONS,
           path: 'notifications',
+          component: Settings,
         },
         {
           name: SETTINGS_SECTIONS.ABOUT,
           path: 'about',
+          component: Settings,
         },
       ],
     },
diff --git a/src/views/Settings.vue b/src/views/Settings.vue
index eb83a0231..fd976c094 100644
--- a/src/views/Settings.vue
+++ b/src/views/Settings.vue
@@ -116,10 +116,10 @@ export default {
       this.$router.push(this.previousRoute)
     },
     hoverAction() {
-      this.btnUrl = 'CloseBtnLight'
+      this.btnUrl = 'close-btn-light'
     },
     mouseLeaveAction() {
-      this.btnUrl = 'CloseBtn'
+      this.btnUrl = 'close-btn'
     },
   },
 }