vue upgrade fixes

Signed-off-by: Mark Herwege <[email protected]>

Author: mherwege

bundles/org.openhab.ui/web/src/pages/settings/health/health-overview.vue

@@ -58,7 +58,9 @@
             :after="persistenceProblemsCount > 0 ? undefined : persistenceProblemsCount"
             :badge-color="persistenceProblemsCount ? 'red' : 'blue'"
             :footer="objectsSubtitles.persistenceProblems">
-            <f7-icon slot="media" f7="link" color="gray" />
+            <template #media>
+              <f7-icon f7="link" color="gray" />
+            </template>
           </f7-list-item>
         </f7-list>
       </f7-col>

bundles/org.openhab.ui/web/src/pages/settings/health/health-persistence.vue

@@ -1,6 +1,9 @@
 <template>
   <f7-page @page:afterin="onPageAfterIn">
-    <f7-navbar title="Persistence Configuration Issues" back-link="Health Checks" back-link-url="/settings/health/" back-link-force>
+    <f7-navbar title="Persistence Configuration Issues"
+               back-link="Health Checks"
+               back-link-url="/settings/health/"
+               back-link-force>
       <f7-nav-right>
         <developer-dock-icon />
       </f7-nav-right>
@@ -25,8 +28,13 @@
         <f7-block-title>&nbsp;Loading...</f7-block-title>
         <f7-list contacts-list class="col">
           <f7-list-group>
-            <f7-list-item media-item v-for="n in 10" :key="n" :class="`skeleton-text skeleton-effect-blink`"
-                          title="Type of problem" subtitle="Persistence service" footer="" />
+            <f7-list-item media-item
+                          v-for="n in 10"
+                          :key="n"
+                          :class="`skeleton-text skeleton-effect-blink`"
+                          title="Type of problem"
+                          subtitle="Persistence service"
+                          footer="" />
           </f7-list-group>
         </f7-list>
       </f7-col>
@@ -36,11 +44,19 @@
           {{ persistenceProblems.length }} persistence configuration problem{{ plural(persistenceProblems.length) }} found
         </f7-block-title>
         <f7-list class="col" contacts-list>
-          <f7-list-item v-for="persistenceProblem in persistenceProblems" :key="problemKey(persistenceProblem)" media-item
-                        :link="getLinkForProblem(persistenceProblem)" :title="'Problem: ' + explanation(persistenceProblem.reason)"
+          <f7-list-item v-for="persistenceProblem in persistenceProblems"
+                        :key="problemKey(persistenceProblem)"
+                        media-item
+                        :link="getLinkForProblem(persistenceProblem)"
+                        :title="'Problem: ' + explanation(persistenceProblem.reason)"
                         :subtitle="persistenceProblem.serviceId ? 'Persistence Service: ' + persistenceProblem.serviceId : ''"
                         :footer="persistenceProblem.items ? 'Items: ' + persistenceProblem.items.join(', ') : ''">
-            <f7-icon v-if="!persistenceProblem.editable" slot="after-title" f7="lock_fill" size="1rem" color="gray" />
+            <template #after-title>
+              <f7-icon v-if="!persistenceProblem.editable"
+                       f7="lock_fill"
+                       size="1rem"
+                       color="gray" />
+            </template>
           </f7-list-item>
         </f7-list>
       </f7-col>

bundles/org.openhab.ui/web/src/pages/settings/persistence/strategy-picker.vue

@@ -56,7 +56,7 @@ export default {
         openIn: 'popup',
         virtualList: true,
         virtualListHeight: (this.$theme.aurora) ? 32 : undefined,
-        setValueText: false || this.value?.length
+        setValueText: this.value?.length
       }
     }
   },
@@ -68,7 +68,7 @@ export default {
       }
     })
   },
-  beforeDestroy () {
+  beforeUnmount () {
     const smartSelect = this.$refs.smartSelect?.f7SmartSelect
     if (smartSelect) {
       smartSelect.off('closed', this.select)

bundles/org.openhab.ui/web/src/pages/wizards/setup-wizard.vue

@@ -628,8 +628,8 @@ export default {
       this.installingAddons = true
       f7.tab.show('#wait', false)
 
-      this.bindingInstalled = this.toInstallAddons.find(a => (a.type === 'binding'))
-      this.persistenceInstalled = this.toInstallAddons.find(a => (a.type === 'persistence'))
+      this.bindingInstalled = this.toInstallAddons.find((a) => (a.type === 'binding'))
+      this.persistenceInstalled = this.toInstallAddons.find((a) => (a.type === 'persistence'))
       const addonsCount = this.toInstallAddons.length
       let progress = 0