some minor fixes to get it to boot

src/components/settings_modal/settings_modal.js

@@ -1,7 +1,7 @@
+import { defineAsyncComponent } from 'vue'
 import Modal from 'src/components/modal/modal.vue'
 import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
 import AsyncComponentError from 'src/components/async_component_error/async_component_error.vue'
-import getResettableAsyncComponent from 'src/services/resettable_async_component.js'
 import Popover from '../popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { cloneDeep } from 'lodash'
@@ -51,14 +51,12 @@ const SettingsModal = {
   components: {
     Modal,
     Popover,
-    SettingsModalContent: getResettableAsyncComponent(
+    SettingsModalContent: defineAsyncComponent({
-      () => import('./settings_modal_content.vue'),
+      loader: () => import('./settings_modal_content.vue'),
-      {
+      loadingComponent: PanelLoading,
-        loading: PanelLoading,
+      errorComponent: AsyncComponentError,
-        error: AsyncComponentError,
+      delay: 0
-        delay: 0
+    })
-      }
-    )
   },
   methods: {
     closeModal () {

src/components/settings_modal/settings_modal.vue

@@ -11,22 +11,24 @@
           {{ $t('settings.settings') }}
         </span>
         <transition name="fade">
-          <template v-if="currentSaveStateNotice">
+          <template>
-            <div
+            <template v-if="currentSaveStateNotice">
-              v-if="currentSaveStateNotice.error"
+              <div
-              class="alert error"
+                v-if="currentSaveStateNotice.error"
-              @click.prevent
+                class="alert error"
-            >
+                @click.prevent
-              {{ $t('settings.saving_err') }}
+              >
-            </div>
+                {{ $t('settings.saving_err') }}
+              </div>
 
-            <div
+              <div
-              v-if="!currentSaveStateNotice.error"
+                v-if="!currentSaveStateNotice.error"
-              class="alert transparent"
+                class="alert transparent"
-              @click.prevent
+                @click.prevent
-            >
+              >
-              {{ $t('settings.saving_ok') }}
+                {{ $t('settings.saving_ok') }}
-            </div>
+              </div>
+            </template>
           </template>
         </transition>
         <button

src/components/settings_modal/tabs/version_tab.vue

@@ -28,4 +28,4 @@
     </div>
   </div>
 </template>
-<script src="./version_tab.js">
+<script src="./version_tab.js" />

src/components/user_panel/user_panel.vue

@@ -2,7 +2,7 @@
   <div class="user-panel">
     <div
       v-if="signedIn"
-      key="user-panel"
+      key="user-panel-signed"
       class="panel panel-default signed-in"
     >
       <UserCard