From 482e990f556a87949716f9d0fadad7f1d52225dd Mon Sep 17 00:00:00 2001
From: Yannick Schaus <github@schaus.net>
Date: Tue, 9 Mar 2021 17:28:52 +0100
Subject: [PATCH] Never put closing brackets on newlines
 (vue/html-closing-bracket-newline)

Signed-off-by: Yannick Schaus <github@schaus.net>
---
 bundles/org.openhab.ui/web/.eslintrc.js       |  2 +-
 .../org.openhab.ui/web/src/components/app.vue | 42 ++++-------
 .../src/components/cards/location-card.vue    |  6 +-
 .../web/src/components/cards/model-card.vue   |  3 +-
 .../components/config/config-parameter.vue    |  3 +-
 .../src/components/config/config-sheet.vue    |  6 +-
 .../config/controls/location-picker.vue       |  6 +-
 .../controls/parameter-cronexpression.vue     |  3 +-
 .../config/controls/parameter-dayofweek.vue   |  3 +-
 .../config/controls/parameter-location.vue    |  3 +-
 .../config/controls/parameter-number.vue      |  3 +-
 .../config/controls/parameter-options.vue     | 12 ++--
 .../config/controls/parameter-pagewidget.vue  |  3 +-
 .../config/controls/parameter-qrcode.vue      |  3 +-
 .../config/controls/parameter-script.vue      |  3 +-
 .../config/controls/parameter-text.vue        |  3 +-
 .../config/controls/parameter-time.vue        |  3 +-
 .../config/controls/props-editor-popup.vue    |  3 +-
 .../developer/developer-sidebar.vue           |  9 +--
 .../components/developer/search-results.vue   | 12 ++--
 .../web/src/components/expandable-card.vue    | 69 +++++++------------
 .../web/src/components/home/habot.vue         |  3 +-
 .../web/src/components/home/other-apps.vue    |  3 +-
 .../web/src/components/home/speech-button.vue |  3 +-
 .../web/src/components/item/group-members.vue |  3 +-
 .../web/src/components/item/item-form.vue     |  9 +--
 .../components/item/item-state-preview.vue    |  3 +-
 .../web/src/components/item/item.vue          |  3 +-
 .../item/metadata/item-metadata-alexa.vue     |  9 +--
 .../metadata/item-metadata-autoupdate.vue     |  3 +-
 .../item/metadata/item-metadata-expire.vue    |  6 +-
 .../item/metadata/item-metadata-ga.vue        |  3 +-
 .../item/metadata/item-metadata-homekit.vue   |  6 +-
 .../item-metadata-itemdescription.vue         |  3 +-
 .../item/metadata/item-metadata-menu.vue      |  3 +-
 .../item/metadata/item-metadata-synonyms.vue  |  3 +-
 .../item/metadata/item-metadata-widget.vue    |  3 +-
 .../metadata/item-metadata-widgetorder.vue    |  3 +-
 .../web/src/components/model/link-details.vue |  3 +-
 .../components/model/model-picker-popup.vue   |  9 +--
 .../src/components/model/model-treeview.vue   |  3 +-
 .../src/components/model/treeview-item.vue    |  9 +--
 .../onboarding/onboarding-cards.vue           |  9 +--
 .../pagedesigner/chart/chart-designer.vue     | 24 +++----
 .../components/pagedesigner/page-settings.vue |  3 +-
 .../pagedesigner/sitemap/mapping-details.vue  |  3 +-
 .../pagedesigner/sitemap/treeview-item.vue    |  6 +-
 .../pagedesigner/sitemap/widget-details.vue   |  6 +-
 .../pagedesigner/widget-config-popup.vue      |  3 +-
 .../pagedesigner/widget-slot-config-popup.vue |  3 +-
 .../components/rule/action-module-wizard.vue  | 24 +++----
 .../rule/condition-module-wizard.vue          | 21 ++----
 .../components/rule/trigger-module-wizard.vue | 45 ++++--------
 .../src/components/sitemap/widget-generic.vue |  9 +--
 .../web/src/components/tags/tag-input.vue     |  3 +-
 .../src/components/thing/channel-group.vue    |  6 +-
 .../web/src/components/thing/channel-link.vue |  6 +-
 .../web/src/components/thing/channel-list.vue |  9 +--
 .../thing/thing-general-settings.vue          | 15 ++--
 .../widgets/chart/oh-chart-page.vue           |  3 +-
 .../components/widgets/layout/oh-block.vue    |  3 +-
 .../widgets/layout/oh-grid-item.vue           |  3 +-
 .../widgets/layout/oh-grid-layout.vue         |  6 +-
 .../components/widgets/layout/oh-grid-row.vue |  3 +-
 .../widgets/layout/oh-layout-page.vue         |  6 +-
 .../widgets/layout/oh-placeholder-widget.vue  |  3 +-
 .../components/widgets/map/oh-map-marker.vue  |  3 +-
 .../components/widgets/map/oh-map-page.vue    |  6 +-
 .../widgets/plan/oh-plan-marker.vue           |  6 +-
 .../components/widgets/plan/oh-plan-page.vue  |  9 +--
 .../widgets/standard/cell/oh-cell.vue         |  3 +-
 .../widgets/standard/list/oh-list-item.vue    |  9 +--
 .../widgets/system/oh-chart-component.vue     |  6 +-
 .../widgets/system/oh-colorpicker.vue         |  3 +-
 .../src/components/widgets/system/oh-icon.vue |  3 +-
 .../components/widgets/system/oh-stepper.vue  |  3 +-
 .../components/widgets/system/oh-video.vue    |  3 +-
 .../src/pages/developer/developer-tools.vue   |  3 +-
 .../pages/developer/widgets/widget-edit.vue   |  3 +-
 .../pages/developer/widgets/widget-list.vue   | 15 ++--
 .../web/src/pages/home/model-tab.vue          |  9 +--
 .../org.openhab.ui/web/src/pages/profile.vue  |  6 +-
 .../src/pages/settings/addons/addons-add.vue  | 12 ++--
 .../src/pages/settings/addons/addons-list.vue |  9 +--
 .../pages/settings/addons/binding-config.vue  |  3 +-
 .../src/pages/settings/items/item-details.vue |  6 +-
 .../pages/settings/items/items-list-vlist.vue | 15 ++--
 .../src/pages/settings/items/items-list.vue   | 15 ++--
 .../pages/settings/model/add-from-thing.vue   |  6 +-
 .../web/src/pages/settings/model/model.vue    |  6 +-
 .../pages/settings/pages/chart/chart-edit.vue |  3 +-
 .../pages/settings/pages/home/home-edit.vue   |  9 +--
 .../settings/pages/layout/layout-edit.vue     |  6 +-
 .../src/pages/settings/pages/map/map-edit.vue |  6 +-
 .../src/pages/settings/pages/pages-list.vue   | 18 ++---
 .../pages/settings/pages/plan/plan-edit.vue   |  6 +-
 .../pages/settings/pages/tabs/tabs-edit.vue   |  3 +-
 .../settings/rules/rule-configure-module.vue  | 12 ++--
 .../src/pages/settings/rules/rule-edit.vue    | 27 +++-----
 .../settings/rules/rule-module-popup.vue      | 18 ++---
 .../src/pages/settings/rules/rules-list.vue   | 18 ++---
 .../settings/rules/script/script-edit.vue     | 12 ++--
 .../rules/script/script-general-settings.vue  |  9 +--
 .../src/pages/settings/schedule/schedule.vue  |  6 +-
 .../settings/services/service-settings.vue    |  3 +-
 .../web/src/pages/settings/settings-menu.vue  | 39 ++++-------
 .../settings/things/add/choose-binding.vue    |  9 +--
 .../settings/things/add/choose-thing-type.vue | 12 ++--
 .../pages/settings/things/add/thing-add.vue   |  3 +-
 .../settings/things/channel/channel-add.vue   | 12 ++--
 .../settings/things/channel/channel-edit.vue  |  6 +-
 .../settings/things/inbox/inbox-list.vue      | 17 ++---
 .../pages/settings/things/link/link-add.vue   | 15 ++--
 .../pages/settings/things/link/link-edit.vue  |  9 +--
 .../pages/settings/things/thing-details.vue   | 12 ++--
 .../src/pages/settings/things/things-list.vue | 15 ++--
 .../web/src/pages/wizards/setup-wizard.vue    | 30 +++-----
 117 files changed, 338 insertions(+), 674 deletions(-)

diff --git a/bundles/org.openhab.ui/web/.eslintrc.js b/bundles/org.openhab.ui/web/.eslintrc.js
index 507ecea6bd..d8ee6f16e5 100644
--- a/bundles/org.openhab.ui/web/.eslintrc.js
+++ b/bundles/org.openhab.ui/web/.eslintrc.js
@@ -68,7 +68,7 @@ module.exports = {
     'vue/attribute-hyphenation': 'off',
     'vue/attributes-order': 'off',
     'vue/component-definition-name-casing': 'off',
-    'vue/html-closing-bracket-newline': 'error',
+    'vue/html-closing-bracket-newline': ['error', { 'singleline': 'never', 'multiline': 'never' }],
     'vue/html-closing-bracket-spacing': 'error',
     'vue/html-indent': 'error',
     'vue/html-quotes': 'error',
diff --git a/bundles/org.openhab.ui/web/src/components/app.vue b/bundles/org.openhab.ui/web/src/components/app.vue
index 1c39664e30..5569dcf7f2 100644
--- a/bundles/org.openhab.ui/web/src/components/app.vue
+++ b/bundles/org.openhab.ui/web/src/components/app.vue
@@ -26,73 +26,61 @@
           <f7-list-item v-for="page in pages" :animate="false" :key="page.uid"
                         :class="{ currentsection: currentUrl.indexOf('/page/' + page.uid) >= 0 }"
                         :link="'/page/' + page.uid"
-                        :title="page.config.label" view=".view-main" panel-close
-          >
+                        :title="page.config.label" view=".view-main" panel-close>
             <f7-icon slot="media" :f7="pageIcon(page)" />
           </f7-list-item>
         </f7-list>
         <f7-block-title v-if="$store.getters.isAdmin" v-t="'sidebar.administration'" />
         <f7-list class="admin-links" v-if="$store.getters.isAdmin">
           <f7-list-item link="/settings/" :title="$t('sidebar.settings')" view=".view-main" panel-close :animate="false"
-                        :class="{ currentsection: currentUrl === '/settings/' || currentUrl.indexOf('/settings/addons/') >= 0 || currentUrl.indexOf('/settings/services/') >= 0 }"
-          >
+                        :class="{ currentsection: currentUrl === '/settings/' || currentUrl.indexOf('/settings/addons/') >= 0 || currentUrl.indexOf('/settings/services/') >= 0 }">
             <f7-icon slot="media" ios="f7:gear_alt_fill" aurora="f7:gear_alt_fill" md="material:settings" color="gray" />
           </f7-list-item>
           <li v-if="showSettingsSubmenu">
             <ul class="menu-sublinks">
               <f7-list-item v-if="$store.getters.apiEndpoint('things')" link="/settings/things/" title="Things" view=".view-main" panel-close :animate="false" no-chevron
-                            :class="{ currentsection: currentUrl.indexOf('/settings/things') >= 0 }"
-              >
+                            :class="{ currentsection: currentUrl.indexOf('/settings/things') >= 0 }">
                 <f7-icon slot="media" f7="lightbulb" color="gray" />
               </f7-list-item>
               <f7-list-item v-if="$store.getters.apiEndpoint('items')" link="/settings/model/" title="Model" view=".view-main" panel-close :animate="false" no-chevron
-                            :class="{ currentsection: currentUrl.indexOf('/settings/model') >= 0 }"
-              >
+                            :class="{ currentsection: currentUrl.indexOf('/settings/model') >= 0 }">
                 <f7-icon slot="media" f7="list_bullet_indent" color="gray" />
               </f7-list-item>
               <f7-list-item v-if="$store.getters.apiEndpoint('items')" link="/settings/items/" title="Items" view=".view-main" panel-close :animate="false" no-chevron
-                            :class="{ currentsection: currentUrl.indexOf('/settings/items') >= 0 }"
-              >
+                            :class="{ currentsection: currentUrl.indexOf('/settings/items') >= 0 }">
                 <f7-icon slot="media" f7="square_on_circle" color="gray" />
               </f7-list-item>
               <f7-list-item v-if="$store.getters.apiEndpoint('ui')" link="/settings/pages/" title="Pages" view=".view-main" panel-close :animate="false" no-chevron
-                            :class="{ currentsection: currentUrl.indexOf('/settings/pages') >= 0 }"
-              >
+                            :class="{ currentsection: currentUrl.indexOf('/settings/pages') >= 0 }">
                 <f7-icon slot="media" f7="tv" color="gray" />
               </f7-list-item>
               <f7-list-item v-if="$store.getters.apiEndpoint('rules')" link="/settings/rules/" title="Rules" view=".view-main" panel-close :animate="false" no-chevron
-                            :class="{ currentsection: currentUrl.indexOf('/settings/rules') >= 0 }"
-              >
+                            :class="{ currentsection: currentUrl.indexOf('/settings/rules') >= 0 }">
                 <f7-icon slot="media" f7="wand_stars" color="gray" />
               </f7-list-item>
               <f7-list-item v-if="$store.getters.apiEndpoint('rules')" link="/settings/scripts/" title="Scripts" view=".view-main" panel-close :animate="false" no-chevron
-                            :class="{ currentsection: currentUrl.indexOf('/settings/scripts') >= 0 }"
-              >
+                            :class="{ currentsection: currentUrl.indexOf('/settings/scripts') >= 0 }">
                 <f7-icon slot="media" f7="doc_plaintext" color="gray" />
               </f7-list-item>
               <f7-list-item v-if="$store.getters.apiEndpoint('rules')" link="/settings/schedule/" title="Schedule" view=".view-main" panel-close :animate="false" no-chevron
-                            :class="{ currentsection: currentUrl.indexOf('/settings/schedule') >= 0 }"
-              >
+                            :class="{ currentsection: currentUrl.indexOf('/settings/schedule') >= 0 }">
                 <f7-icon slot="media" f7="calendar" color="gray" />
               </f7-list-item>
             </ul>
           </li>
 
           <f7-list-item link="/developer/" :title="$t('sidebar.developerTools')" panel-close
-                        :class="{ currentsection: currentUrl.indexOf('/developer/') >= 0 && currentUrl.indexOf('/developer/widgets') < 0 && currentUrl.indexOf('/developer/api-explorer') < 0 }"
-          >
+                        :class="{ currentsection: currentUrl.indexOf('/developer/') >= 0 && currentUrl.indexOf('/developer/widgets') < 0 && currentUrl.indexOf('/developer/api-explorer') < 0 }">
             <f7-icon slot="media" ios="f7:exclamationmark_shield_fill" aurora="f7:exclamationmark_shield_fill" md="material:extension" color="gray" />
           </f7-list-item>
           <li v-if="showDeveloperSubmenu">
             <ul class="menu-sublinks">
               <f7-list-item v-if="$store.getters.apiEndpoint('ui')" link="/developer/widgets/" title="Widgets" view=".view-main" panel-close :animate="false" no-chevron
-                            :class="{ currentsection: currentUrl.indexOf('/developer/widgets') >= 0 }"
-              >
+                            :class="{ currentsection: currentUrl.indexOf('/developer/widgets') >= 0 }">
                 <f7-icon slot="media" f7="rectangle_on_rectangle_angled" color="gray" />
               </f7-list-item>
               <f7-list-item link="/developer/api-explorer" title="API Explorer" view=".view-main" panel-close :animate="false" no-chevron
-                            :class="{ currentsection: currentUrl.indexOf('/developer/api-explorer') >= 0 }"
-              >
+                            :class="{ currentsection: currentUrl.indexOf('/developer/api-explorer') >= 0 }">
                 <f7-icon slot="media" f7="burn" color="gray" />
               </f7-list-item>
             </ul>
@@ -101,8 +89,7 @@
 
         <f7-list class="admin-links">
           <f7-list-item link="/about/" :title="$t('sidebar.helpAbout')" view=".view-main" panel-close
-                        :class="{ currentsection: currentUrl.indexOf('/about') >= 0 }"
-          >
+                        :class="{ currentsection: currentUrl.indexOf('/about') >= 0 }">
             <f7-icon slot="media" ios="f7:question_circle_fill" aurora="f7:question_circle_fill" md="material:help" color="gray" />
           </f7-list-item>
         </f7-list>
@@ -119,8 +106,7 @@
           </div>
           <f7-list v-if="$store.getters.user" media-list>
             <f7-list-item :title="$store.getters.user.name" :footer="serverDisplayUrl" io="f7:person_alt_circle_fill" link="/profile/" no-chevron panel-close view=".view-main"
-                          :class="{ currentsection: currentUrl.indexOf('/profile') >= 0 }"
-            >
+                          :class="{ currentsection: currentUrl.indexOf('/profile') >= 0 }">
               <f7-icon slot="media" size="36" ios="f7:person_alt_circle_fill" aurora="f7:person_alt_circle_fill" md="f7:person_alt_circle_fill" color="gray" />
             </f7-list-item>
           </f7-list>
diff --git a/bundles/org.openhab.ui/web/src/components/cards/location-card.vue b/bundles/org.openhab.ui/web/src/components/cards/location-card.vue
index 2f03bc69fd..430f57bc24 100644
--- a/bundles/org.openhab.ui/web/src/components/cards/location-card.vue
+++ b/bundles/org.openhab.ui/web/src/components/cards/location-card.vue
@@ -10,15 +10,13 @@
       <div class="location-stats margin-top" :class="config.invertText ? 'invert-text' : ''" v-if="!config.disableBadges">
         <span v-for="badgeType in ['alarms', 'lights', 'windows', 'doors', 'garagedoors', 'blinds', 'presence', 'lock', 'climate', 'screens', 'projectors', 'speakers']" :key="badgeType">
           <status-badge v-if="!config.badges || !config.badges.length || config.badges.indexOf(badgeType) >= 0"
-                        :store="context.store" :element="element" :type="badgeType" :invert-color="config.invertText"
-          />
+                        :store="context.store" :element="element" :type="badgeType" :invert-color="config.invertText" />
         </span>
       </div>
       <div class="location-stats margin-top-half" v-if="!config.disableBadges">
         <span v-for="badgeType in ['temperature', 'humidity', 'luminance']" :key="badgeType">
           <measurement-badge v-if="!config.badges || !config.badges.length || config.badges.indexOf(badgeType) >= 0"
-                             :store="context.store" :element="element" :type="badgeType" :invert-color="config.invertText"
-          />
+                             :store="context.store" :element="element" :type="badgeType" :invert-color="config.invertText" />
         </span>
       </div>
     </template>
diff --git a/bundles/org.openhab.ui/web/src/components/cards/model-card.vue b/bundles/org.openhab.ui/web/src/components/cards/model-card.vue
index 857e3543a5..b588cdb29d 100644
--- a/bundles/org.openhab.ui/web/src/components/cards/model-card.vue
+++ b/bundles/org.openhab.ui/web/src/components/cards/model-card.vue
@@ -23,8 +23,7 @@
           card-close
           color="white"
           class="card-opened-fade-in card-close-button"
-          icon-f7="multiply_circle_fill"
-        />
+          icon-f7="multiply_circle_fill" />
       </div>
       <div v-if="opened">
         <slot />
diff --git a/bundles/org.openhab.ui/web/src/components/config/config-parameter.vue b/bundles/org.openhab.ui/web/src/components/config/config-parameter.vue
index db02b6e03c..48beb96e0c 100644
--- a/bundles/org.openhab.ui/web/src/components/config/config-parameter.vue
+++ b/bundles/org.openhab.ui/web/src/components/config/config-parameter.vue
@@ -1,7 +1,6 @@
 <template>
   <f7-list ref="parameter" class="config-parameter" :no-hairlines-md="configDescription.type !== 'BOOLEAN' && (!configDescription.options || !configDescription.options.length) && ['item'].indexOf(configDescription.context) < 0"
-           v-show="(configDescription.visible) ? configDescription.visible(value, configuration, configDescription, parameters) : true"
-  >
+           v-show="(configDescription.visible) ? configDescription.visible(value, configuration, configDescription, parameters) : true">
     <component v-if="!readOnly && !configDescription.readOnly" :is="control" :config-description="configDescription" :value="value" :parameters="parameters" :configuration="configuration" :title="configDescription.title" @input="updateValue" />
     <f7-list-item v-else :title="configDescription.label" :after="(value !== undefined && value !== null) ? value.toString() : 'N/A'" />
     <f7-block-footer slot="after-list" class="param-description">
diff --git a/bundles/org.openhab.ui/web/src/components/config/config-sheet.vue b/bundles/org.openhab.ui/web/src/components/config/config-sheet.vue
index 9344cb3f5b..99e4be801e 100644
--- a/bundles/org.openhab.ui/web/src/components/config/config-sheet.vue
+++ b/bundles/org.openhab.ui/web/src/components/config/config-sheet.vue
@@ -16,8 +16,7 @@
               :configuration="configurationWithDefaults"
               :read-only="readOnly"
               :status="parameterStatus(parameter)"
-              @update="(value) => updateParameter(parameter, value)"
-            />
+              @update="(value) => updateParameter(parameter, value)" />
           </f7-col>
         </f7-row>
       </f7-block>
@@ -42,8 +41,7 @@
               :configuration="configurationWithDefaults"
               :read-only="readOnly"
               :status="parameterStatus(parameter)"
-              @update="(value) => updateParameter(parameter, value)"
-            />
+              @update="(value) => updateParameter(parameter, value)" />
           </f7-col>
         </f7-row>
       </f7-block>
diff --git a/bundles/org.openhab.ui/web/src/components/config/controls/location-picker.vue b/bundles/org.openhab.ui/web/src/components/config/controls/location-picker.vue
index c2a7df58eb..ab10fbb52f 100644
--- a/bundles/org.openhab.ui/web/src/components/config/controls/location-picker.vue
+++ b/bundles/org.openhab.ui/web/src/components/config/controls/location-picker.vue
@@ -19,12 +19,10 @@
         :center="center"
         :options="mapOptions"
         @click="mapClicked"
-        class="oh-map-picker-lmap"
-      >
+        class="oh-map-picker-lmap">
         <l-tile-layer
           :url="url"
-          :attribution="attribution"
-        />
+          :attribution="attribution" />
         <l-marker v-if="marker" :lat-lng="marker" />
       </l-map>
     </f7-page>
diff --git a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-cronexpression.vue b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-cronexpression.vue
index 3754f31c54..e68fb2df58 100644
--- a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-cronexpression.vue
+++ b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-cronexpression.vue
@@ -9,8 +9,7 @@
       :clear-button="!configDescription.required"
       @input="(evt) => updateValue(evt.target.value)"
       :error-message-force="exprError"
-      type="text"
-    >
+      type="text">
       <div class="padding-left" slot="content-end">
         <f7-button slot="content-end" @click="openPopup">
           <f7-icon f7="calendar" /> Build
diff --git a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-dayofweek.vue b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-dayofweek.vue
index 689828bf88..e81d6b762a 100644
--- a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-dayofweek.vue
+++ b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-dayofweek.vue
@@ -1,8 +1,7 @@
 <template>
   <ul>
     <f7-list-item v-for="(day, $idx) in values" :value="day" :key="day"
-                  :title="labels[$idx]" checkbox :checked="isSelected(day)" @change="(evt) => select(day, evt.target.checked)"
-    />
+                  :title="labels[$idx]" checkbox :checked="isSelected(day)" @change="(evt) => select(day, evt.target.checked)" />
   </ul>
 </template>
 
diff --git a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-location.vue b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-location.vue
index d837bbf227..1ea1a74b52 100644
--- a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-location.vue
+++ b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-location.vue
@@ -9,8 +9,7 @@
       :required="configDescription.required" validate
       :clear-button="!configDescription.required"
       @input="updateValue"
-      type="text"
-    >
+      type="text">
       <div class="padding-left" slot="content-end">
         <f7-button slot="content-end" @click="openMapPicker">
           <f7-icon f7="placemark" /> Map
diff --git a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-number.vue b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-number.vue
index bd12c58c1a..a3c347e995 100644
--- a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-number.vue
+++ b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-number.vue
@@ -11,8 +11,7 @@
       @input="updateValue"
       :required="configDescription.required" validate validate-on-blur
       :clear-button="false"
-      type="number"
-    />
+      type="number" />
   </ul>
 </template>
 
diff --git a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-options.vue b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-options.vue
index 7f367460d4..d7fb0d24a2 100644
--- a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-options.vue
+++ b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-options.vue
@@ -1,8 +1,7 @@
 <template>
   <ul v-if="!inlineList">
     <f7-list-item
-      :title="configDescription.label" smart-select :smart-select-params="smartSelectParams" ref="item"
-    >
+      :title="configDescription.label" smart-select :smart-select-params="smartSelectParams" ref="item">
       <select :name="configDescription.name" @change="updateValue" :multiple="configDescription.multiple" :required="configDescription.required">
         <option v-if="!configDescription.required && !configDescription.multiple" :value="undefined" :selected="value === null || value === undefined" />
         <option v-for="option in configDescription.options" :value="option.value" :key="option.value" :selected="isSelected(option)">
@@ -14,8 +13,7 @@
   <ul v-else>
     <f7-block-header class="no-margin">
       <div class="margin-horizontal item-label"
-           style="padding-top: var(--f7-list-item-padding-vertical); color: var(--f7-text-color)"
-      >
+           style="padding-top: var(--f7-list-item-padding-vertical); color: var(--f7-text-color)">
         {{ configDescription.label }}
       </div>
       <f7-link
@@ -27,14 +25,12 @@
           opacity: configDescription.required ? 0 : 1,
           cursor: 'pointer',
           pointerEvents: 'initial'
-        }" class="input-clear-button margin-right" @click="updateValue(undefined)"
-      />
+        }" class="input-clear-button margin-right" @click="updateValue(undefined)" />
     </f7-block-header>
     <f7-list-item radio v-for="option in configDescription.options" no-hairline
                   :value="option.value" :checked="isSelected(option)" radio-icon="start"
                   @change="(!configDescription.required && isSelected(option)) ? updateValue(undefined) : updateValue(option.value)"
-                  :key="option.value" :title="option.label" :name="configDescription.name"
-    />
+                  :key="option.value" :title="option.label" :name="configDescription.name" />
   </ul>
 </template>
 
diff --git a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-pagewidget.vue b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-pagewidget.vue
index 90a6aa0f27..e783796232 100644
--- a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-pagewidget.vue
+++ b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-pagewidget.vue
@@ -1,8 +1,7 @@
 <template>
   <ul>
     <f7-list-item
-      :title="configDescription.label" smart-select :smart-select-params="smartSelectParams" ref="item"
-    >
+      :title="configDescription.label" smart-select :smart-select-params="smartSelectParams" ref="item">
       <select :name="configDescription.name" @change="updateValue" :multiple="configDescription.multiple" :required="configDescription.required">
         <option v-if="!configDescription.required" :value="undefined" :selected="value === null || value === undefined" />
         <optgroup v-if="configDescription.context.indexOf('page') >= 0" label="Pages">
diff --git a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-qrcode.vue b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-qrcode.vue
index f7dc6878f9..3c391e2cc7 100644
--- a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-qrcode.vue
+++ b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-qrcode.vue
@@ -2,8 +2,7 @@
   <ul>
     <f7-list-item
       :floating-label="$theme.md"
-      :title="configDescription.label"
-    >
+      :title="configDescription.label">
       <vue-qrcode :value="value" slot="media" />
     </f7-list-item>
   </ul>
diff --git a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-script.vue b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-script.vue
index 408c6623b1..0b11c44f2c 100644
--- a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-script.vue
+++ b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-script.vue
@@ -1,8 +1,7 @@
 <template>
   <ul>
     <f7-list-item
-      :title="configDescription.label"
-    >
+      :title="configDescription.label">
       <f7-button slot="after" v-if="$device.desktop" @click="openPopup(true)" icon-material="fullscreen" />
       <f7-button slot="after" @click="openPopup(false)">
         Edit script
diff --git a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-text.vue b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-text.vue
index dfcbd6a563..7ad812e1c8 100644
--- a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-text.vue
+++ b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-text.vue
@@ -11,8 +11,7 @@
       :required="configDescription.required" validate
       :clear-button="!configDescription.required && configDescription.context !== 'password'"
       @input="updateValue"
-      :type="controlType"
-    >
+      :type="controlType">
       <div v-if="configDescription.context === 'password'" class="padding-left" slot="content-end">
         <f7-link class="margin" color="gray" slot="content-end" @click="showPassword = !showPassword">
           <f7-icon size="20" :f7="(showPassword) ? 'eye_slash_fill' : 'eye_fill'" />
diff --git a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-time.vue b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-time.vue
index f4effb4d06..66a3006a53 100644
--- a/bundles/org.openhab.ui/web/src/components/config/controls/parameter-time.vue
+++ b/bundles/org.openhab.ui/web/src/components/config/controls/parameter-time.vue
@@ -8,8 +8,7 @@
       :value="value"
       :required="configDescription.required" validate
       :clear-button="!configDescription.required"
-      @input="updateValue"
-    />
+      @input="updateValue" />
     <div slot="content-end" class="display-flex justify-content-center">
       <div ref="picker" />
     </div>
diff --git a/bundles/org.openhab.ui/web/src/components/config/controls/props-editor-popup.vue b/bundles/org.openhab.ui/web/src/components/config/controls/props-editor-popup.vue
index ef82c8fc5c..394d0ab4d0 100644
--- a/bundles/org.openhab.ui/web/src/components/config/controls/props-editor-popup.vue
+++ b/bundles/org.openhab.ui/web/src/components/config/controls/props-editor-popup.vue
@@ -17,8 +17,7 @@
           <config-sheet
             :parameterGroups="props.parameterGroups || []"
             :parameters="props.parameters || []"
-            :configuration="config"
-          />
+            :configuration="config" />
         </f7-col>
       </f7-block>
     </f7-page>
diff --git a/bundles/org.openhab.ui/web/src/components/developer/developer-sidebar.vue b/bundles/org.openhab.ui/web/src/components/developer/developer-sidebar.vue
index 28ec36736b..78d7c4714c 100644
--- a/bundles/org.openhab.ui/web/src/components/developer/developer-sidebar.vue
+++ b/bundles/org.openhab.ui/web/src/components/developer/developer-sidebar.vue
@@ -62,8 +62,7 @@
           <f7-list media-list>
             <ul>
               <f7-list-item v-for="thing in pinnedObjects.things" :key="thing.UID" media-item
-                            :title="thing.label" :footer="thing.UID"
-              >
+                            :title="thing.label" :footer="thing.UID">
                 <f7-badge slot="after" :color="thingStatusBadgeColor(thing.statusInfo)" :tooltip="thing.statusInfo.description">
                   {{ thingStatusBadgeText(thing.statusInfo) }}
                 </f7-badge>
@@ -86,8 +85,7 @@
           <f7-list media-list>
             <ul>
               <f7-list-item v-for="rule in pinnedObjects.rules" :key="rule.uid" media-item
-                            :title="rule.name" :footer="rule.uid"
-              >
+                            :title="rule.name" :footer="rule.uid">
                 <f7-badge slot="after" :color="ruleStatusBadgeColor(rule.status)" :tooltip="rule.status.description">
                   {{ ruleStatusBadgeText(rule.status) }}
                 </f7-badge>
@@ -111,8 +109,7 @@
           <f7-list media-list>
             <ul>
               <f7-list-item v-for="page in pinnedObjects.pages" :key="page.uid" media-item
-                            :title="page.config.label" :footer="page.uid"
-              >
+                            :title="page.config.label" :footer="page.uid">
                 <div class="display-flex align-items-flex-end justify-content-flex-end" style="margin-top: 3px" slot="footer">
                   <!-- <f7-link class="margin-right" color="blue" icon-f7="rectangle_on_rectangle" icon-size="18" tooltip="Open in Popup" /> -->
                   <f7-link class="margin-right" color="blue" icon-f7="play" icon-size="18" tooltip="View" :href="'/page/' + page.uid" :animate="false" />
diff --git a/bundles/org.openhab.ui/web/src/components/developer/search-results.vue b/bundles/org.openhab.ui/web/src/components/developer/search-results.vue
index da9eea8f01..d484e2d0f0 100644
--- a/bundles/org.openhab.ui/web/src/components/developer/search-results.vue
+++ b/bundles/org.openhab.ui/web/src/components/developer/search-results.vue
@@ -13,8 +13,7 @@
       </f7-block-title>
       <f7-list media-list>
         <f7-list-item media-item v-for="item in filteredSearchResults.items" :key="item.name"
-                      :title="item.label || item.name" :footer="(item.label) ? item.name : ''" link="" no-chevron @click="(evt) => togglePin(evt, 'items', item, 'name')"
-        >
+                      :title="item.label || item.name" :footer="(item.label) ? item.name : ''" link="" no-chevron @click="(evt) => togglePin(evt, 'items', item, 'name')">
           <f7-link slot="after" color="gray" icon-f7="pencil" icon-size="18" tooltip="Details" :href="'/settings/items/' + item.name" :animate="false" />
           <f7-link slot="after" v-if="isPinned('items', item, 'name')" @click="$emit('unpin', 'items', item, 'name')" color="red" icon-f7="pin_slash_fill" icon-size="18" tooltip="Unpin" />
           <f7-link slot="after" v-else @click="$emit('pin', 'items', item, 'name')" color="blue" icon-f7="unpin" icon-size="18" tooltip="Pin" />
@@ -30,8 +29,7 @@
       </f7-block-title>
       <f7-list media-list>
         <f7-list-item media-item v-for="thing in filteredSearchResults.things" :key="thing.UID"
-                      :title="thing.label" :footer="thing.UID" link="" no-chevron @click="(evt) => togglePin(evt, 'things', thing, 'UID')"
-        >
+                      :title="thing.label" :footer="thing.UID" link="" no-chevron @click="(evt) => togglePin(evt, 'things', thing, 'UID')">
           <f7-link slot="after" color="gray" icon-f7="pencil" icon-size="18" tooltip="Edit" :href="'/settings/things/' + thing.UID" :animate="false" />
           <f7-link slot="after" v-if="isPinned('things', thing, 'UID')" @click="$emit('unpin', 'things', thing, 'UID')" color="red" icon-f7="pin_slash_fill" icon-size="18" tooltip="Unpin" />
           <f7-link slot="after" v-else @click="$emit('pin', 'things', thing, 'UID')" color="blue" icon-f7="unpin" icon-size="18" tooltip="Pin" />
@@ -47,8 +45,7 @@
       </f7-block-title>
       <f7-list media-list>
         <f7-list-item media-item v-for="rule in filteredSearchResults.rules" :key="rule.uid"
-                      :title="rule.name" :footer="rule.uid" link="" no-chevron @click="(evt) => togglePin(evt, 'rules', rule, 'uid')"
-        >
+                      :title="rule.name" :footer="rule.uid" link="" no-chevron @click="(evt) => togglePin(evt, 'rules', rule, 'uid')">
           <f7-link slot="after" color="gray" icon-f7="pencil" icon-size="18" tooltip="Edit" :href="'/settings/' + (rule.tags.indexOf('Script') >= 0 ? 'scripts' : 'rules') + '/' + rule.uid" :animate="false" />
           <f7-link slot="after" v-if="isPinned('rules', rule, 'uid')" @click="$emit('unpin', 'rules', rule, 'uid')" color="red" icon-f7="pin_slash_fill" icon-size="18" tooltip="Unpin" />
           <f7-link slot="after" v-else @click="$emit('pin', 'rules', rule, 'uid')" color="blue" icon-f7="unpin" icon-size="18" tooltip="Pin" />
@@ -64,8 +61,7 @@
       </f7-block-title>
       <f7-list media-list>
         <f7-list-item media-item v-for="page in filteredSearchResults.pages" :key="page.uid"
-                      :title="page.config.label" :footer="page.uid" link="" no-chevron @click="(evt) => togglePin(evt, 'pages', page, 'uid')"
-        >
+                      :title="page.config.label" :footer="page.uid" link="" no-chevron @click="(evt) => togglePin(evt, 'pages', page, 'uid')">
           <f7-link slot="after" color="gray" icon-f7="pencil" icon-size="18" tooltip="Edit" :href="'/settings/pages/' + getPageType(page).type + '/' + page.uid" :animate="false" />
           <f7-link slot="after" v-if="isPinned('pages', page, 'uid')" @click="$emit('unpin', 'pages', page, 'uid')" color="red" icon-f7="pin_slash_fill" icon-size="18" tooltip="Unpin" />
           <f7-link slot="after" v-else @click="$emit('pin', 'pages', page, 'uid')" color="blue" icon-f7="unpin" icon-size="18" tooltip="Pin" />
diff --git a/bundles/org.openhab.ui/web/src/components/expandable-card.vue b/bundles/org.openhab.ui/web/src/components/expandable-card.vue
index b7d3b7bcae..dc0de2b5ff 100644
--- a/bundles/org.openhab.ui/web/src/components/expandable-card.vue
+++ b/bundles/org.openhab.ui/web/src/components/expandable-card.vue
@@ -14,8 +14,7 @@
           color="white"
           class="card-opened-fade-in"
           :style="{position: 'absolute', right: '15px', top: '15px'}"
-          icon-f7="close_round_fill"
-        />
+          icon-f7="close_round_fill" />
         <img src="https://ksassets.timeincuk.net/wp/uploads/sites/54/2018/07/Nest-Hello-daytime-sample.jpg" width="340px">
       </div>
       <div v-else-if="header === 'player'" :class="`bg-color-${color}`" :style="{height: '300px'}">
@@ -27,16 +26,14 @@
           <br>
           <img
             width="100"
-            src="https://images-na.ssl-images-amazon.com/images/I/61hw9WloObL._SY355_.jpg"
-          >
+            src="https://images-na.ssl-images-amazon.com/images/I/61hw9WloObL._SY355_.jpg">
         </f7-card-header>
         <f7-link
           card-close
           color="white"
           class="card-opened-fade-in"
           :style="{position: 'absolute', right: '15px', top: '15px'}"
-          icon-f7="close_round_fill"
-        />
+          icon-f7="close_round_fill" />
       </div>
       <div v-else :class="`bg-color-${color}`" :style="{height: '300px'}">
         <f7-card-header text-color="white" class="display-block">
@@ -53,8 +50,7 @@
             :borderWidth="10"
             :valueText="`${temperature}°C`"
             :valueFontSize="41"
-            valueTextColor="#ffffff"
-          />
+            valueTextColor="#ffffff" />
           <f7-gauge
             v-else-if="header==='gauge'"
             type="circle"
@@ -66,8 +62,7 @@
             :valueFontSize="41"
             valueTextColor="#ffffff"
             labelText="pressure"
-            labelTextColor="#ffffff"
-          />
+            labelTextColor="#ffffff" />
           <h1 v-else>
             State
           </h1>
@@ -78,44 +73,38 @@
           color="white"
           class="card-opened-fade-in"
           :style="{position: 'absolute', right: '15px', top: '15px'}"
-          icon-f7="close_round_fill"
-        />
+          icon-f7="close_round_fill" />
       </div>
       <div class="card-content-padding" v-if="opened">
         <f7-segmented v-if="header === 'temperature'" tag="p" raised>
           <f7-button
             :color="color"
             :active="temperature === 18"
-            @click="() => temperature = 18"
-          >
+            @click="() => temperature = 18">
             18°C
           </f7-button>
           <f7-button
             :color="color"
             :active="temperature === 19"
-            @click="() => temperature = 19"
-          >
+            @click="() => temperature = 19">
             19°C
           </f7-button>
           <f7-button
             :color="color"
             :active="temperature === 20"
-            @click="() => temperature = 20"
-          >
+            @click="() => temperature = 20">
             20°C
           </f7-button>
           <f7-button
             :color="color"
             :active="temperature === 21"
-            @click="() => temperature = 21"
-          >
+            @click="() => temperature = 21">
             21°C
           </f7-button>
           <f7-button
             :color="color"
             :active="temperature === 22"
-            @click="() => temperature = 22"
-          >
+            @click="() => temperature = 22">
             22°C
           </f7-button>
         </f7-segmented>
@@ -126,8 +115,7 @@
           <f7-button
             :color="color"
             :active="gaugeValue === 0.25"
-            @click="() => gaugeValue = 0.25"
-          >
+            @click="() => gaugeValue = 0.25">
             25%
           </f7-button>
           <f7-button :color="color" :active="gaugeValue === 0.5" @click="() => gaugeValue = 0.5">
@@ -136,8 +124,7 @@
           <f7-button
             :color="color"
             :active="gaugeValue === 0.75"
-            @click="() => gaugeValue = 0.75"
-          >
+            @click="() => gaugeValue = 0.75">
             75%
           </f7-button>
           <f7-button :color="color" :active="gaugeValue === 1" @click="() => gaugeValue = 1">
@@ -148,8 +135,7 @@
         <f7-list v-if="header === 'temperature'">
           <ul>
             <sitemap-widget-generic
-              :model="{ type: 'Setpoint', icon: 'temperature', label: 'Setpoint [21]' }"
-            />
+              :model="{ type: 'Setpoint', icon: 'temperature', label: 'Setpoint [21]' }" />
             <f7-list-item divider title="Mode" />
             <f7-list-item
               radio
@@ -157,32 +143,27 @@
               checked
               title="Heat"
               name="demo-thermostat-mode"
-              @click="thermostatMode = 'HEAT'"
-            />
+              @click="thermostatMode = 'HEAT'" />
             <f7-list-item
               radio
               :color="color"
               title="Cool"
               name="demo-thermostat-mode"
-              @click="thermostatMode = 'COOL'"
-            />
+              @click="thermostatMode = 'COOL'" />
             <f7-list-item
               radio
               :color="color"
               title="Eco"
               name="demo-thermostat-mode"
-              @click="thermostatMode = 'ECO'"
-            />
+              @click="thermostatMode = 'ECO'" />
           </ul>
         </f7-list>
         <f7-list v-else>
           <ul>
             <sitemap-widget-generic
-              :model="{ type: 'Slider', icon: 'soundvolume', label: 'Volume [53]' }"
-            />
+              :model="{ type: 'Slider', icon: 'soundvolume', label: 'Volume [53]' }" />
             <sitemap-widget-generic
-              :model="{ type: 'Switch', icon: 'soundvolume_mute', label: 'Mute sound [OFF]' }"
-            />
+              :model="{ type: 'Switch', icon: 'soundvolume_mute', label: 'Mute sound [OFF]' }" />
             <f7-list-item divider title="Scene" />
             <f7-list-item radio checked title="Morning" name="demo-radio" />
             <f7-list-item radio title="Evening" name="demo-radio" />
@@ -193,17 +174,13 @@
             <!-- <f7-list-item link="/load-something-that-doesnt-exist/" title="Default Route (404)"></f7-list-item> -->
             <f7-list-item divider title="Some fake data" />
             <sitemap-widget-generic
-              :model="{ type: 'String', icon: 'sunrise', label: 'Sunrise [07:02]' }"
-            />
+              :model="{ type: 'String', icon: 'sunrise', label: 'Sunrise [07:02]' }" />
             <sitemap-widget-generic
-              :model="{ type: 'String', icon: 'sunset', label: 'Sunset [17:36]' }"
-            />
+              :model="{ type: 'String', icon: 'sunset', label: 'Sunset [17:36]' }" />
             <sitemap-widget-generic
-              :model="{ type: 'String', icon: 'sun', label: 'Sun Azimuth [131.75 °]' }"
-            />
+              :model="{ type: 'String', icon: 'sun', label: 'Sun Azimuth [131.75 °]' }" />
             <sitemap-widget-generic
-              :model="{ type: 'String', icon: 'sun', label: 'Sun Elevation [17.05 °]' }"
-            />
+              :model="{ type: 'String', icon: 'sun', label: 'Sun Elevation [17.05 °]' }" />
           </ul>
         </f7-list>
 
diff --git a/bundles/org.openhab.ui/web/src/components/home/habot.vue b/bundles/org.openhab.ui/web/src/components/home/habot.vue
index 0a7c226001..e4b80eb398 100644
--- a/bundles/org.openhab.ui/web/src/components/home/habot.vue
+++ b/bundles/org.openhab.ui/web/src/components/home/habot.vue
@@ -6,8 +6,7 @@
     </div>
     <f7-list v-if="focused && !value" class="chat-suggestions" no-hairlines-md>
       <f7-list-item v-for="suggestion in suggestions"
-                    :key="suggestion" @click="chooseSuggestion(suggestion)" link :title="suggestion" :footer="history.length === 0 ? $t('habot.example.label') : ''" no-chevron
-      />
+                    :key="suggestion" @click="chooseSuggestion(suggestion)" link :title="suggestion" :footer="history.length === 0 ? $t('habot.example.label') : ''" no-chevron />
       <f7-list-button v-if="history.length > 0" color="red" :title="$t('habot.clearHistory')" @click="clearHistory" />
     </f7-list>
     <f7-message v-if="interimSpeechResult" type="sent" class="habot-query margin-bottom" :text="interimSpeechResult" color="gray" first tail />
diff --git a/bundles/org.openhab.ui/web/src/components/home/other-apps.vue b/bundles/org.openhab.ui/web/src/components/home/other-apps.vue
index d8b0003035..a12980f36a 100644
--- a/bundles/org.openhab.ui/web/src/components/home/other-apps.vue
+++ b/bundles/org.openhab.ui/web/src/components/home/other-apps.vue
@@ -11,8 +11,7 @@
                   'background-image': 'url(' + app.imageUrl.replace(/^\.\./, '') + ')',
                   'background-size': 'cover',
                   'background-repeat': 'no-repeat'
-                }"
-                />
+                }" />
                 <f7-card-footer>
                   <div class="app-card-name">
                     {{ app.name }}
diff --git a/bundles/org.openhab.ui/web/src/components/home/speech-button.vue b/bundles/org.openhab.ui/web/src/components/home/speech-button.vue
index be84c0b372..a28fbbe764 100644
--- a/bundles/org.openhab.ui/web/src/components/home/speech-button.vue
+++ b/bundles/org.openhab.ui/web/src/components/home/speech-button.vue
@@ -1,8 +1,7 @@
 <template>
   <f7-link class="habot-speech-icon" v-if="supported"
            :icon-f7="(listening && activity) ? 'mic_fill' : 'mic'" :icon-size="24" :icon-color="listening ? 'red' : 'gray'"
-           @click="toggleSpeech"
-  />
+           @click="toggleSpeech" />
 </template>
 
 <style lang="stylus">
diff --git a/bundles/org.openhab.ui/web/src/components/item/group-members.vue b/bundles/org.openhab.ui/web/src/components/item/group-members.vue
index 7f986b39ec..d82f2f1bf1 100644
--- a/bundles/org.openhab.ui/web/src/components/item/group-members.vue
+++ b/bundles/org.openhab.ui/web/src/components/item/group-members.vue
@@ -7,8 +7,7 @@
             v-for="member in groupItem.members" :key="member.name"
             :item="member" :link="'/settings/items/' + member.name"
             :context="context"
-            :ignore-editable="true"
-          />
+            :ignore-editable="true" />
           <!-- <f7-list-button @click="enableEditMode" color="blue" title="Add or Remove Members" /> -->
         </ul>
         <item-picker v-if="editMembers" :multiple="true" name="groupMembers" :value="memberNames" title="Members" @input="(members) => memberNames = members" />
diff --git a/bundles/org.openhab.ui/web/src/components/item/item-form.vue b/bundles/org.openhab.ui/web/src/components/item/item-form.vue
index 8c980e3bf0..4e516f62c4 100644
--- a/bundles/org.openhab.ui/web/src/components/item/item-form.vue
+++ b/bundles/org.openhab.ui/web/src/components/item/item-form.vue
@@ -4,11 +4,9 @@
       <f7-list-input v-if="!enableName" label="Name" type="text" placeholder="Name" :value="item.name" disabled />
       <f7-list-input v-else label="Name" type="text" placeholder="Name" :value="item.name"
                      @input="item.name = $event.target.value" clear-button
-                     required validate pattern="[A-Za-z0-9_]+" error-message="Required. Alphanumeric &amp; underscores only"
-      />
+                     required validate pattern="[A-Za-z0-9_]+" error-message="Required. Alphanumeric &amp; underscores only" />
       <f7-list-input label="Label" type="text" placeholder="Label" :value="item.label"
-                     @input="item.label = $event.target.value" clear-button
-      />
+                     @input="item.label = $event.target.value" clear-button />
       <f7-list-item v-if="item.type && !hideType" title="Type" type="text" smart-select :smart-select-params="{searchbar: true, openIn: 'popup', closeOnSelect: true}">
         <select name="select-type" @change="item.type = $event.target.value">
           <optgroup label="Basic Types">
@@ -24,8 +22,7 @@
         </select>
       </f7-list-item>
       <f7-list-input v-if="!hideCategory" ref="category" label="Category" autocomplete="off" type="text" placeholder="temperature, firstfloor..." :value="item.category"
-                     @input="item.category = $event.target.value" clear-button
-      >
+                     @input="item.category = $event.target.value" clear-button>
         <div slot="root-end" style="margin-left: calc(35% + 8px)">
           <oh-icon :icon="item.category" height="32" width="32" />
         </div>
diff --git a/bundles/org.openhab.ui/web/src/components/item/item-state-preview.vue b/bundles/org.openhab.ui/web/src/components/item/item-state-preview.vue
index 58384bd677..ce0a05426b 100644
--- a/bundles/org.openhab.ui/web/src/components/item/item-state-preview.vue
+++ b/bundles/org.openhab.ui/web/src/components/item/item-state-preview.vue
@@ -3,8 +3,7 @@
     <item-standalone-control :item="item" :context="context" />
     <div class="display-flex justify-content-center flex-direction-column">
       <div v-if="item.type.indexOf('Number') === 0 || item.type === 'Switch' || item.type === 'Contact' || item.type === 'Rollershutter' || item.type === 'Dimmer'"
-           class="display-flex justify-content-center flex-direction-row"
-      >
+           class="display-flex justify-content-center flex-direction-row">
         <f7-button :href="'/analyzer/?items=' + item.name">
           Analyze
         </f7-button>
diff --git a/bundles/org.openhab.ui/web/src/components/item/item.vue b/bundles/org.openhab.ui/web/src/components/item/item.vue
index c466cd9d82..bd7c614b67 100644
--- a/bundles/org.openhab.ui/web/src/components/item/item.vue
+++ b/bundles/org.openhab.ui/web/src/components/item/item.vue
@@ -7,8 +7,7 @@
     :footer="(item.label) ? item.name : '\xa0'"
     :subtitle="getItemTypeAndMetaLabel(item)"
     :after="state"
-    v-on="$listeners"
-  >
+    v-on="$listeners">
     <oh-icon v-if="!noIcon && item.category" slot="media" :icon="item.category" height="32" width="32" />
     <span v-else-if="!noIcon" slot="media" class="item-initial">{{ item.name[0] }}</span>
     <f7-icon v-if="!item.editable && !ignoreEditable" slot="after-title" f7="lock_fill" size="1rem" color="gray" />
diff --git a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-alexa.vue b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-alexa.vue
index 49eb9ee01a..bd265540bd 100644
--- a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-alexa.vue
+++ b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-alexa.vue
@@ -5,23 +5,20 @@
     </div>
     <f7-list>
       <f7-list-item :key="classSelectKey"
-                    :title="(multiple) ? 'Alexa Classes' : 'Alexa Class'" smart-select :smart-select-params="{ openIn: 'popup', searchbar: true, closeOnSelect: !multiple, scrollToSelectedItem: true }" ref="classes"
-      >
+                    :title="(multiple) ? 'Alexa Classes' : 'Alexa Class'" smart-select :smart-select-params="{ openIn: 'popup', searchbar: true, closeOnSelect: !multiple, scrollToSelectedItem: true }" ref="classes">
         <select name="parameters" @change="updateClasses" :multiple="multiple">
           <option v-if="!multiple" value="" />
           <optgroup label="Labels" v-if="!multiple && itemType !== 'Group'">
             <option v-for="cl in orderedClasses.filter((c) => c.indexOf('label:') === 0)"
                     :value="cl.replace('label:', '')" :key="cl"
-                    :selected="isSelected(cl.replace('label:', ''))"
-            >
+                    :selected="isSelected(cl.replace('label:', ''))">
               {{ cl.replace('label:', '') }}
             </option>
           </optgroup>
           <optgroup label="Capabilities">
             <option v-for="cl in orderedClasses.filter((c) => c.indexOf('label:') !== 0 && c.indexOf('endpoint:') === (itemType === 'Group'? 0 : -1))"
                     :value="cl.replace('endpoint:', '')" :key="cl"
-                    :selected="isSelected(cl.replace('endpoint:', ''))"
-            >
+                    :selected="isSelected(cl.replace('endpoint:', ''))">
               {{ cl.replace('endpoint:', '') }}
             </option>
           </optgroup>
diff --git a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-autoupdate.vue b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-autoupdate.vue
index d05649d2e4..77b5949dbc 100644
--- a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-autoupdate.vue
+++ b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-autoupdate.vue
@@ -3,8 +3,7 @@
     <f7-list>
       <f7-list-item title="Force auto-update" checkbox :checked="typeof (metadata.value) === 'string' ? metadata.value === 'true' : metadata.value"
                     :indeterminate="metadata.value !== 'true' && metadata.value !== 'false'"
-                    @change="(ev) => metadata.value = new Boolean(ev.target.checked).toString()"
-      />
+                    @change="(ev) => metadata.value = new Boolean(ev.target.checked).toString()" />
     </f7-list>
     <f7-block-footer class="param-description">
       <small>Force the state to auto-update on command.</small>
diff --git a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-expire.vue b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-expire.vue
index baa43b8c66..ab7cfc750e 100644
--- a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-expire.vue
+++ b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-expire.vue
@@ -13,8 +13,7 @@
         type="text"
         placeholder="UNDEF if unset"
         :value="parsedAction.value"
-        @blur="(evt) => updateActionValue(evt.target.value)"
-      />
+        @blur="(evt) => updateActionValue(evt.target.value)" />
     </f7-list>
     <f7-block-footer class="param-description padding-left">
       <small>After a different command or state update is received, perform the chosen action when the duration specified below has passed. The timer is reset if another state update or command is received before it expires.</small>
@@ -31,8 +30,7 @@
         type="text"
         :value="sanitizedDuration"
         @blur="(evt) => updateDuration(evt.target.value)"
-        pattern="(\d+h)*(\d+m)*(\d+s)*" validate validate-on-blur
-      />
+        pattern="(\d+h)*(\d+m)*(\d+s)*" validate validate-on-blur />
       <f7-list-item class="display-flex justify-content-center">
         <div ref="picker" />
       </f7-list-item>
diff --git a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-ga.vue b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-ga.vue
index 0e9c4109f5..c86eedf2e3 100644
--- a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-ga.vue
+++ b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-ga.vue
@@ -2,8 +2,7 @@
   <div>
     <f7-list>
       <f7-list-item :key="classSelectKey"
-                    :title="'Google Assistant Class'" smart-select :smart-select-params="{ openIn: 'popup', searchbar: true, closeOnSelect: true, scrollToSelectedItem: true }" ref="classes"
-      >
+                    :title="'Google Assistant Class'" smart-select :smart-select-params="{ openIn: 'popup', searchbar: true, closeOnSelect: true, scrollToSelectedItem: true }" ref="classes">
         <select name="classes" @change="updateClass">
           <option value="" />
           <option v-for="cl in orderedClasses" :value="cl" :key="cl" :selected="isSelected(cl)">
diff --git a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-homekit.vue b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-homekit.vue
index 64ff96c6e5..7996a295e7 100644
--- a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-homekit.vue
+++ b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-homekit.vue
@@ -5,14 +5,12 @@
     </div>
     <f7-list>
       <f7-list-item :key="classSelectKey"
-                    :title="(multiple) ? 'HomeKit Accessory/Charactistics' : 'HomeKit Accessory/Charactistic'" smart-select :smart-select-params="{ openIn: 'popup', searchbar: true, closeOnSelect: !multiple, scrollToSelectedItem: true }" ref="classes"
-      >
+                    :title="(multiple) ? 'HomeKit Accessory/Charactistics' : 'HomeKit Accessory/Charactistic'" smart-select :smart-select-params="{ openIn: 'popup', searchbar: true, closeOnSelect: !multiple, scrollToSelectedItem: true }" ref="classes">
         <select name="parameters" @change="updateClasses" :multiple="multiple">
           <option v-if="!multiple" value="" />
           <option v-for="cl in orderedClasses.filter((c) => c.indexOf('label:') !== 0)"
                   :value="cl" :key="cl"
-                  :selected="isSelected(cl)"
-          >
+                  :selected="isSelected(cl)">
             {{ cl }}
           </option>
         </select>
diff --git a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-itemdescription.vue b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-itemdescription.vue
index 7e2761854b..bbf7e2ca6b 100644
--- a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-itemdescription.vue
+++ b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-itemdescription.vue
@@ -9,8 +9,7 @@
         :label="'Options'"
         name="options"
         :value="options"
-        @input="updateOptions"
-      />
+        @input="updateOptions" />
       <f7-block-footer class="param-description" alot="after-list">
         <small>Enter each option on a separate line.<br>Use <code>value=label</code> format to provide a label different than the option.</small>
       </f7-block-footer>
diff --git a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-menu.vue b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-menu.vue
index fc12e282c5..72dc931c07 100644
--- a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-menu.vue
+++ b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-menu.vue
@@ -7,8 +7,7 @@
             v-for="namespace in metadataNamespaces.filter((n) => item.metadata[n.name])" :key="namespace.name"
             :link="'/settings/items/' + item.name + '/metadata/' + namespace.name"
             :title="namespace.label"
-            :after="(item.metadata[namespace.name]) ? item.metadata[namespace.name].value : 'Not Set'"
-          />
+            :after="(item.metadata[namespace.name]) ? item.metadata[namespace.name].value : 'Not Set'" />
         </ul>
       </f7-list>
     </f7-card-content>
diff --git a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-synonyms.vue b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-synonyms.vue
index b40ab57de1..42fa05a21a 100644
--- a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-synonyms.vue
+++ b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-synonyms.vue
@@ -8,8 +8,7 @@
         :label="'Synonyms'"
         name="synonyms"
         :value="synonyms"
-        @input="updateValue"
-      />
+        @input="updateValue" />
       <f7-block-footer class="param-description" slot="after-list">
         <small>Enter each synonym on a separate line.</small>
       </f7-block-footer>
diff --git a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-widget.vue b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-widget.vue
index 882cb845a8..62e210ab3d 100644
--- a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-widget.vue
+++ b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-widget.vue
@@ -8,8 +8,7 @@
 
     <f7-list v-if="viewMode === 'design' && defaultComponent.component">
       <f7-list-item :key="componentSelectKey"
-                    :title="'Widget'" smart-select :smart-select-params="{ openIn: 'popup', searchbar: true, closeOnSelect: true, scrollToSelectedItem: true }" ref="widgets"
-      >
+                    :title="'Widget'" smart-select :smart-select-params="{ openIn: 'popup', searchbar: true, closeOnSelect: true, scrollToSelectedItem: true }" ref="widgets">
         <select name="widgets" @change="updateComponent">
           <option value="">
             Default ({{ defaultComponent.component }})
diff --git a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-widgetorder.vue b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-widgetorder.vue
index 0db672c06d..4a2406abe1 100644
--- a/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-widgetorder.vue
+++ b/bundles/org.openhab.ui/web/src/components/item/metadata/item-metadata-widgetorder.vue
@@ -7,8 +7,7 @@
         ref="value"
         type="text"
         :value="metadata.value"
-        @input="(ev) => metadata.value = ev.target.value"
-      />
+        @input="(ev) => metadata.value = ev.target.value" />
     </f7-list>
     <f7-block-footer class="param-description padding-left">
       <small>Order index to give to the item's default widget when it is to be displayed in an automatically generated list with other items (semantic cards, group popups...), unless the order is explicitely configured.</small>
diff --git a/bundles/org.openhab.ui/web/src/components/model/link-details.vue b/bundles/org.openhab.ui/web/src/components/model/link-details.vue
index a843e6a91d..513809f96b 100644
--- a/bundles/org.openhab.ui/web/src/components/model/link-details.vue
+++ b/bundles/org.openhab.ui/web/src/components/model/link-details.vue
@@ -7,8 +7,7 @@
                         :title="l.thing.label" :subtitle="l.channel.label || '?'" :footer="l.link.channelUID"
                         :badge="thingStatusBadgeText(l.thing.statusInfo)"
                         :badge-color="thingStatusBadgeColor(l.thing.statusInfo)"
-                        link="#" @click="editLink(l)"
-          >
+                        link="#" @click="editLink(l)">
             <span slot="media" class="item-initial">{{ !l._invalid && l.channel.label ? l.channel.label[0] : '?' }}</span>
           </f7-list-item>
         </ul>
diff --git a/bundles/org.openhab.ui/web/src/components/model/model-picker-popup.vue b/bundles/org.openhab.ui/web/src/components/model/model-picker-popup.vue
index cef592795a..22e91d3fc9 100644
--- a/bundles/org.openhab.ui/web/src/components/model/model-picker-popup.vue
+++ b/bundles/org.openhab.ui/web/src/components/model/model-picker-popup.vue
@@ -1,7 +1,6 @@
 <template>
   <f7-popup ref="modelPicker" class="modelpicker-popup" close-on-escape
-            @popup:open="onOpen" @popup:close="onClose"
-  >
+            @popup:open="onOpen" @popup:close="onClose">
     <f7-page>
       <f7-navbar>
         <f7-nav-left>
@@ -21,8 +20,7 @@
           search-container=".model-treeview"
           search-item=".treeview-item"
           search-in=".treeview-item-label"
-          :disable-button="!$theme.aurora"
-        />
+          :disable-button="!$theme.aurora" />
       </f7-subnavbar>
       <f7-toolbar bottom class="toolbar-details">
         <f7-link v-if="!multiple" :disabled="selectedItem != null" class="left" @click="selectedItem = null">
@@ -38,8 +36,7 @@
       </f7-toolbar>
       <f7-block strong class="no-padding" v-if="ready">
         <model-treeview class="model-picker-treeview" :root-nodes="rootNodes"
-                        :selected-item="selectedItem" @selected="selectItem" @checked="checkItem"
-        />
+                        :selected-item="selectedItem" @selected="selectItem" @checked="checkItem" />
       </f7-block>
       <f7-block v-else-if="!ready" class="text-align-center">
         <f7-preloader />
diff --git a/bundles/org.openhab.ui/web/src/components/model/model-treeview.vue b/bundles/org.openhab.ui/web/src/components/model/model-treeview.vue
index 27bb5cf425..8ff3da7cda 100644
--- a/bundles/org.openhab.ui/web/src/components/model/model-treeview.vue
+++ b/bundles/org.openhab.ui/web/src/components/model/model-treeview.vue
@@ -3,8 +3,7 @@
     <model-treeview-item v-for="node in rootNodes"
                          :key="node.item.name" :model="node"
                          @selected="nodeSelected" :selected="selectedItem"
-                         @checked="(item, check) => $emit('checked', item, check)"
-    />
+                         @checked="(item, check) => $emit('checked', item, check)" />
   </f7-treeview>
 </template>
 
diff --git a/bundles/org.openhab.ui/web/src/components/model/treeview-item.vue b/bundles/org.openhab.ui/web/src/components/model/treeview-item.vue
index cc123899ad..9076dc8255 100644
--- a/bundles/org.openhab.ui/web/src/components/model/treeview-item.vue
+++ b/bundles/org.openhab.ui/web/src/components/model/treeview-item.vue
@@ -4,8 +4,7 @@
                     :textColor="iconColor" :color="(model.item.created !== false) ? 'blue' :'orange'"
                     :selected="selected && selected.item.name === model.item.name"
                     :opened="model.opened"
-                    @click="select"
-  >
+                    @click="select">
     <model-treeview-item v-for="node in [model.children.locations,
                                          model.children.equipment, model.children.points,
                                          model.children.groups, model.children.items].flat()"
@@ -13,14 +12,12 @@
                          :model="node"
                          @selected="(event) => $emit('selected', event)"
                          :selected="selected"
-                         @checked="(item, check) => $emit('checked', item, check)"
-    />
+                         @checked="(item, check) => $emit('checked', item, check)" />
     <div slot="label" class="semantic-class">
       {{ className() }}
     </div>
     <f7-checkbox slot="content-start" v-if="model.checkable"
-                 :checked="model.checked === true" :disabled="model.disabled" @change="check"
-    />
+                 :checked="model.checked === true" :disabled="model.disabled" @change="check" />
   </f7-treeview-item>
 </template>
 
diff --git a/bundles/org.openhab.ui/web/src/components/onboarding/onboarding-cards.vue b/bundles/org.openhab.ui/web/src/components/onboarding/onboarding-cards.vue
index 2e7d21d71a..2d43bd5b90 100644
--- a/bundles/org.openhab.ui/web/src/components/onboarding/onboarding-cards.vue
+++ b/bundles/org.openhab.ui/web/src/components/onboarding/onboarding-cards.vue
@@ -3,8 +3,7 @@
     <f7-card
       v-show="showSetup"
       title="Welcome to openHAB!"
-      content="Congratulations, your server is up and running! However, it is not configured yet. Follow the setup wizard and let it guide you through the initial configuration. (Note: the wizard could also be started automatically on launch if no package is detected - services/org.openhab.addons > package)."
-    >
+      content="Congratulations, your server is up and running! However, it is not configured yet. Follow the setup wizard and let it guide you through the initial configuration. (Note: the wizard could also be started automatically on launch if no package is detected - services/org.openhab.addons > package).">
       <f7-card-footer>
         <f7-link color="blue" @click="skipSetupWizard()">
           No thanks
@@ -32,8 +31,7 @@
             <f7-link
               no-link-class
               color="blue"
-              href="#"
-            >
+              href="#">
               Design your home's conceptually with the semantic model builder and link the Things to Items
             </f7-link>
           </li>
@@ -41,8 +39,7 @@
             <f7-link
               no-link-class
               color="blue"
-              href="#"
-            >
+              href="#">
               Connect to openHAB Cloud for remote access and integration with voice assistants
             </f7-link>
           </li>
diff --git a/bundles/org.openhab.ui/web/src/components/pagedesigner/chart/chart-designer.vue b/bundles/org.openhab.ui/web/src/components/pagedesigner/chart/chart-designer.vue
index db450896fd..ae5da5745d 100644
--- a/bundles/org.openhab.ui/web/src/components/pagedesigner/chart/chart-designer.vue
+++ b/bundles/org.openhab.ui/web/src/components/pagedesigner/chart/chart-designer.vue
@@ -26,8 +26,7 @@
           <span v-for="(yAxis, yAxisIdx) in context.component.slots.yAxis" :key="yAxisIdx">
             <edit-context-menu v-if="yAxis.config.gridIndex === gridIdx" :context="context" :component="yAxis" :parentSlot="'yAxis'"
                                class="margin-right" :text="'Y' + parseInt(yAxisIdx).toString()"
-                               :configureLabel="'Configure Y Axis'" :removeLabel="'Remove Axis'"
-            />
+                               :configureLabel="'Configure Y Axis'" :removeLabel="'Remove Axis'" />
           </span>
           <f7-menu-item icon-f7="plus" dropdown>
             <f7-menu-dropdown left>
@@ -37,8 +36,7 @@
           </f7-menu-item>
           <edit-context-menu :context="context" :component="grid" :parentSlot="'grid'"
                              style="margin-left: auto" icon-f7="square_split_2x2" right
-                             :configureLabel="'Configure Grid'" :removeLabel="'Remove Grid'"
-          />
+                             :configureLabel="'Configure Grid'" :removeLabel="'Remove Grid'" />
         </f7-menu>
       </div>
       <div>
@@ -48,12 +46,10 @@
               <f7-list-item media-item link-item v-for="(series, seriesIdx) in gridSeries(grid, gridIdx)" :key="seriesIdx"
                             :title="series.config.name" :subtitle="series.config.item"
                             :after="`X: ${series.config.xAxisIndex} Y: ${series.config.yAxisIndex}`"
-                            link="#" @click.native="(ev) => configureSeries(ev, series, context)"
-              >
+                            link="#" @click.native="(ev) => configureSeries(ev, series, context)">
                 <f7-menu slot="content-start" class="configure-layout-menu" style="z-index: 50">
                   <edit-context-menu :context="context" :component="series" :parentSlot="'series'"
-                                     icon-f7="list_bullet" :configureLabel="'Configure Series'" :removeLabel="'Remove Series'"
-                  />
+                                     icon-f7="list_bullet" :configureLabel="'Configure Series'" :removeLabel="'Remove Series'" />
                 </f7-menu>
                 <div slot="media">
                   <img slot="media" v-if="series.config.type === 'bar'" src="@/res/img/chartdesigner/bar.svg" width="32px">
@@ -78,8 +74,7 @@
           <span :style="{ marginLeft: xAxisIdx === 0 ? 'auto' : undefined }" v-for="(xAxis, xAxisIdx) in context.component.slots.xAxis" :key="xAxisIdx">
             <edit-context-menu v-if="xAxis.config.gridIndex === gridIdx" :context="context" :component="xAxis" :parentSlot="'xAxis'"
                                class="margin-right" :text="'X' + parseInt(xAxisIdx).toString()" right
-                               :configureLabel="'Configure X Axis'" :removeLabel="'Remove Axis'"
-            />
+                               :configureLabel="'Configure X Axis'" :removeLabel="'Remove Axis'" />
           </span>
 
           <f7-menu-item :style="{ marginLeft: context.component.slots.xAxis.length === 0 ? 'auto' : undefined }" icon-f7="plus" dropdown>
@@ -100,8 +95,7 @@
         <f7-menu v-if="context.editmode" class="configure-layout-menu">
           <edit-context-menu :context="context" :component="calendar" :parentSlot="'calendar'"
                              style="margin-left: auto" icon-f7="calendar" right
-                             :configureLabel="'Configure Calendar'" :removeLabel="'Remove Calendar'"
-          />
+                             :configureLabel="'Configure Calendar'" :removeLabel="'Remove Calendar'" />
         </f7-menu>
       </div>
       <div>
@@ -110,12 +104,10 @@
             <f7-list media-list>
               <f7-list-item media-item link-item v-for="(series, seriesIdx) in calendarSeries(calendar, calendarIdx)" :key="seriesIdx"
                             :title="series.config.name" :subtitle="series.config.item"
-                            link="#" @click.native="(ev) => configureSeries(ev, series, context)"
-              >
+                            link="#" @click.native="(ev) => configureSeries(ev, series, context)">
                 <f7-menu slot="content-start" class="configure-layout-menu">
                   <edit-context-menu :context="context" :component="series" :parentSlot="'series'"
-                                     icon-f7="list_bullet" :configureLabel="'Configure Series'" :removeLabel="'Remove Series'"
-                  />
+                                     icon-f7="list_bullet" :configureLabel="'Configure Series'" :removeLabel="'Remove Series'" />
                 </f7-menu>
                 <div slot="media">
                   <img slot="media" v-if="series.config.type === 'scatter'" src="@/res/img/chartdesigner/scatter.svg" width="32px">
diff --git a/bundles/org.openhab.ui/web/src/components/pagedesigner/page-settings.vue b/bundles/org.openhab.ui/web/src/components/pagedesigner/page-settings.vue
index c8de597d7e..be6e1a34b6 100644
--- a/bundles/org.openhab.ui/web/src/components/pagedesigner/page-settings.vue
+++ b/bundles/org.openhab.ui/web/src/components/pagedesigner/page-settings.vue
@@ -2,8 +2,7 @@
   <f7-col>
     <f7-list inline-labels accordion-list no-hairline-md>
       <f7-list-input label="ID" type="text" placeholder="ID" :value="page.uid" @input="page.uid = $event.target.value"
-                     required validate pattern="[A-Za-z0-9_]+" error-message="Required. Alphanumeric &amp; underscores only" :disabled="!createMode"
-      />
+                     required validate pattern="[A-Za-z0-9_]+" error-message="Required. Alphanumeric &amp; underscores only" :disabled="!createMode" />
       <f7-list-input label="Label" type="text" placeholder="Label" :value="page.config.label" @input="page.config.label = $event.target.value" clear-button />
       <f7-list-item accordion-item title="Sidebar &amp; Visibility" :disabled="page.uid === 'overview'">
         <f7-accordion-content>
diff --git a/bundles/org.openhab.ui/web/src/components/pagedesigner/sitemap/mapping-details.vue b/bundles/org.openhab.ui/web/src/components/pagedesigner/sitemap/mapping-details.vue
index 312a695d33..f2367dc28e 100644
--- a/bundles/org.openhab.ui/web/src/components/pagedesigner/sitemap/mapping-details.vue
+++ b/bundles/org.openhab.ui/web/src/components/pagedesigner/sitemap/mapping-details.vue
@@ -3,8 +3,7 @@
     <f7-card-content v-if="mappings.length">
       <f7-list inline-labels sortable @sortable:sort="onSort">
         <f7-list-input v-for="(mapping, idx) in mappings" :key="idx"
-                       :label="`#${idx+1}`" type="text" placeholder="command=Label" :value="mapping" @input="updateMapping(idx, $event)" clear-button
-        />
+                       :label="`#${idx+1}`" type="text" placeholder="command=Label" :value="mapping" @input="updateMapping(idx, $event)" clear-button />
       </f7-list>
     </f7-card-content>
     <f7-card-footer key="item-card-buttons-edit-mode" v-if="widget.component !== 'Sitemap'">
diff --git a/bundles/org.openhab.ui/web/src/components/pagedesigner/sitemap/treeview-item.vue b/bundles/org.openhab.ui/web/src/components/pagedesigner/sitemap/treeview-item.vue
index 9291f41e74..c6fce38a26 100644
--- a/bundles/org.openhab.ui/web/src/components/pagedesigner/sitemap/treeview-item.vue
+++ b/bundles/org.openhab.ui/web/src/components/pagedesigner/sitemap/treeview-item.vue
@@ -4,14 +4,12 @@
                     :textColor="iconColor" :color="'blue'"
                     :selected="selected && selected === widget"
                     :opened="!widget.closed"
-                    @click="select"
-  >
+                    @click="select">
     <sitemap-treeview-item v-for="(childwidget, idx) in children"
                            :key="idx"
                            :widget="childwidget" :parent-widget="widget"
                            @selected="(event) => $emit('selected', event)"
-                           :selected="selected"
-    />
+                           :selected="selected" />
     <div slot="label" class="subtitle">
       {{ subtitle() }}
     </div>
diff --git a/bundles/org.openhab.ui/web/src/components/pagedesigner/sitemap/widget-details.vue b/bundles/org.openhab.ui/web/src/components/pagedesigner/sitemap/widget-details.vue
index 45bfe2ca34..346ee4a143 100644
--- a/bundles/org.openhab.ui/web/src/components/pagedesigner/sitemap/widget-details.vue
+++ b/bundles/org.openhab.ui/web/src/components/pagedesigner/sitemap/widget-details.vue
@@ -3,14 +3,12 @@
     <f7-card-content>
       <f7-list inline-labels>
         <f7-list-input v-if="widget.component === 'Sitemap'" label="ID" type="text" placeholder="ID" :value="widget.uid" @input="widget.uid = $event.target.value"
-                       required validate pattern="[A-Za-z0-9_]+" error-message="Required. Alphanumeric &amp; underscores only" :disabled="!createMode"
-        />
+                       required validate pattern="[A-Za-z0-9_]+" error-message="Required. Alphanumeric &amp; underscores only" :disabled="!createMode" />
         <f7-list-input label="Label" type="text" placeholder="Label" :value="widget.config.label" @input="updateParameter('label', $event)" clear-button />
         <item-picker v-if="widget.component !== 'Sitemap'" title="Item" :value="widget.config.item" @input="(value) => widget.config.item = value" />
         <ul v-if="widget.component !== 'Sitemap'">
           <f7-list-input ref="icon" label="Icon" autocomplete="off" type="text" placeholder="temperature, firstfloor..." :value="widget.config.icon"
-                         @input="updateParameter('icon', $event)" clear-button
-          >
+                         @input="updateParameter('icon', $event)" clear-button>
             <div slot="root-end" style="margin-left: calc(35% + 8px)">
               <oh-icon :icon="widget.config.icon" height="32" width="32" />
             </div>
diff --git a/bundles/org.openhab.ui/web/src/components/pagedesigner/widget-config-popup.vue b/bundles/org.openhab.ui/web/src/components/pagedesigner/widget-config-popup.vue
index 92429ad1f1..dac06b47fd 100644
--- a/bundles/org.openhab.ui/web/src/components/pagedesigner/widget-config-popup.vue
+++ b/bundles/org.openhab.ui/web/src/components/pagedesigner/widget-config-popup.vue
@@ -18,8 +18,7 @@
             :parameterGroups="widget.props.parameterGroups || []"
             :parameters="widget.props.parameters || []"
             :configuration="config"
-            @updated="dirty = true"
-          />
+            @updated="dirty = true" />
         </f7-col>
       </f7-block>
     </f7-page>
diff --git a/bundles/org.openhab.ui/web/src/components/pagedesigner/widget-slot-config-popup.vue b/bundles/org.openhab.ui/web/src/components/pagedesigner/widget-slot-config-popup.vue
index 5f59514b50..61573c31c1 100644
--- a/bundles/org.openhab.ui/web/src/components/pagedesigner/widget-slot-config-popup.vue
+++ b/bundles/org.openhab.ui/web/src/components/pagedesigner/widget-slot-config-popup.vue
@@ -26,8 +26,7 @@
                         :parameterGroups="getWidgetDefinition(slotComponent.component).props.parameterGroups || []"
                         :parameters="getWidgetDefinition(slotComponent.component).props.parameters || []"
                         :configuration="slotComponent.config"
-                        @updated="dirty = true"
-          />
+                        @updated="dirty = true" />
           <f7-block v-else strong>
             This type of component cannot be configured: {{ slotComponent.component }}.
           </f7-block>
diff --git a/bundles/org.openhab.ui/web/src/components/rule/action-module-wizard.vue b/bundles/org.openhab.ui/web/src/components/rule/action-module-wizard.vue
index 50f1dc7ec8..877648e0fc 100644
--- a/bundles/org.openhab.ui/web/src/components/rule/action-module-wizard.vue
+++ b/bundles/org.openhab.ui/web/src/components/rule/action-module-wizard.vue
@@ -47,21 +47,18 @@
         name="command"
         type="text"
         :value="currentModule.configuration.command"
-        @blur="(evt) => $set(currentModule.configuration, 'command', evt.target.value)"
-      />
+        @blur="(evt) => $set(currentModule.configuration, 'command', evt.target.value)" />
       <f7-list-input
         v-else-if="itemEventType === 'update'"
         label="to state"
         name="state"
         type="text"
         :value="currentModule.configuration.state"
-        @blur="(evt) => $set(currentModule.configuration, 'state', evt.target.value)"
-      />
+        @blur="(evt) => $set(currentModule.configuration, 'state', evt.target.value)" />
     </f7-list>
     <f7-list v-if="itemEventType === 'command' && commandSuggestions.length">
       <f7-list-item radio :checked="currentModule.configuration.command === suggestion.command" v-for="suggestion in commandSuggestions" :key="suggestion.command"
-                    :title="suggestion.label" @click="$set(currentModule.configuration, 'command', suggestion.command)"
-      />
+                    :title="suggestion.label" @click="$set(currentModule.configuration, 'command', suggestion.command)" />
     </f7-list>
     <!-- <f7-block v-if="itemEventType === 'command' && currentItem && (currentItem.type === 'Dimmer' || currentItem.type === 'Rollershutter' || (currentItem.type === 'Number' && currentItem.stateDescription && currentItem.stateDescription.minimum !== undefined))">
       <f7-range :value="currentModule.configuration.command" @range:changed="(val) => $set(currentModule.configuration, 'command', val)"
@@ -82,8 +79,7 @@
                        formatValue: colorToCommand
                      }"
                      :value="commandToColor()"
-                     @change="updateColorCommand"
-      >
+                     @change="updateColorCommand">
         <i slot="media" style="width: 32px; height: 32px" class="icon demo-list-icon" id="color-picker-value" />
       </f7-list-input>
     </f7-list>
@@ -96,8 +92,7 @@
       <f7-list-item media-item
                     title="Design with Blockly"
                     footer="A beginner-friendly way to build scripts visually by assembling blocks"
-                    link="" @click="scriptLanguagePicked('blockly')"
-      >
+                    link="" @click="scriptLanguagePicked('blockly')">
         <img src="res/img/blockly.svg" height="32" width="32" slot="media">
       </f7-list-item>
     </f7-list>
@@ -106,8 +101,7 @@
     </f7-block-footer>
     <f7-list media-list>
       <f7-list-item media-item v-for="language in languages" :key="language.contentType"
-                    :title="language.name" :after="language.version" :footer="language.contentType" link="" @click="scriptLanguagePicked(language.contentType)"
-      >
+                    :title="language.name" :after="language.version" :footer="language.contentType" link="" @click="scriptLanguagePicked(language.contentType)">
         <span slot="media" class="item-initial">{{ language.name[0] }}</span>
       </f7-list-item>
     </f7-list>
@@ -124,8 +118,7 @@
                   :parameterGroups="[]"
                   :parameters="currentModuleType.configDescriptions"
                   :configuration="currentModule.configuration"
-                  @updated="dirty = true"
-    />
+                  @updated="dirty = true" />
   </f7-block>
   <f7-block class="no-margin no-padding" v-else-if="category === 'media'">
     <f7-list>
@@ -136,8 +129,7 @@
                   :parameterGroups="[]"
                   :parameters="currentModuleType.configDescriptions"
                   :configuration="currentModule.configuration"
-                  @updated="dirty = true"
-    />
+                  @updated="dirty = true" />
   </f7-block>
 </template>
 
diff --git a/bundles/org.openhab.ui/web/src/components/rule/condition-module-wizard.vue b/bundles/org.openhab.ui/web/src/components/rule/condition-module-wizard.vue
index 3dc0d3c61f..30cd3195c5 100644
--- a/bundles/org.openhab.ui/web/src/components/rule/condition-module-wizard.vue
+++ b/bundles/org.openhab.ui/web/src/components/rule/condition-module-wizard.vue
@@ -42,20 +42,17 @@
                     :title="operator.label"
                     name="itemStateOperator"
                     :checked="currentModule.configuration.operator === operator.value"
-                    @click="$set(currentModule.configuration, 'operator', operator.value)"
-      />
+                    @click="$set(currentModule.configuration, 'operator', operator.value)" />
       <f7-list-input
         label="State"
         name="itemState"
         type="text"
         :value="currentModule.configuration.state"
-        @blur="(evt) => $set(currentModule.configuration, 'state', evt.target.value)"
-      />
+        @blur="(evt) => $set(currentModule.configuration, 'state', evt.target.value)" />
     </f7-list>
     <f7-list v-if="stateSuggestions.length">
       <f7-list-item radio :checked="currentModule.configuration.state === suggestion.value" v-for="suggestion in stateSuggestions" :key="suggestion.value"
-                    :title="suggestion.label" @click="$set(currentModule.configuration, 'state', suggestion.value)"
-      />
+                    :title="suggestion.label" @click="$set(currentModule.configuration, 'state', suggestion.value)" />
     </f7-list>
   </f7-block>
   <f7-block class="no-margin no-padding" v-else-if="category === 'script'">
@@ -66,8 +63,7 @@
       <f7-list-item media-item
                     title="Design with Blockly"
                     footer="A beginner-friendly way to build scripts visually by assembling blocks"
-                    link="" @click="scriptLanguagePicked('blockly')"
-      >
+                    link="" @click="scriptLanguagePicked('blockly')">
         <img src="res/img/blockly.svg" height="32" width="32" slot="media">
       </f7-list-item>
     </f7-list>
@@ -76,8 +72,7 @@
     </f7-block-footer>
     <f7-list media-list>
       <f7-list-item media-item v-for="language in languages" :key="language.contentType"
-                    :title="language.name" :after="language.version" :footer="language.contentType" link="" @click="scriptLanguagePicked(language.contentType)"
-      >
+                    :title="language.name" :after="language.version" :footer="language.contentType" link="" @click="scriptLanguagePicked(language.contentType)">
         <span slot="media" class="item-initial">{{ language.name[0] }}</span>
       </f7-list-item>
     </f7-list>
@@ -94,8 +89,7 @@
                   :parameterGroups="[]"
                   :parameters="currentModuleType.configDescriptions"
                   :configuration="currentModule.configuration"
-                  @updated="dirty = true"
-    />
+                  @updated="dirty = true" />
   </f7-block>
   <f7-block class="no-margin no-padding" v-else-if="category === 'ephemeris'">
     <f7-list>
@@ -112,8 +106,7 @@
                   :parameterGroups="[]"
                   :parameters="currentModuleType.configDescriptions"
                   :configuration="currentModule.configuration"
-                  @updated="dirty = true"
-    />
+                  @updated="dirty = true" />
   </f7-block>
 </template>
 
diff --git a/bundles/org.openhab.ui/web/src/components/rule/trigger-module-wizard.vue b/bundles/org.openhab.ui/web/src/components/rule/trigger-module-wizard.vue
index 308bb1a567..71666fe818 100644
--- a/bundles/org.openhab.ui/web/src/components/rule/trigger-module-wizard.vue
+++ b/bundles/org.openhab.ui/web/src/components/rule/trigger-module-wizard.vue
@@ -52,8 +52,7 @@
         type="text"
         placeholder="Any"
         :value="currentModule.configuration.command"
-        @blur="(evt) => $set(currentModule.configuration, 'command', evt.target.value)"
-      />
+        @blur="(evt) => $set(currentModule.configuration, 'command', evt.target.value)" />
       <f7-list-input
         v-if="itemEventType === 'updated' || itemEventType === 'memberUpdated'"
         label="to state"
@@ -61,8 +60,7 @@
         type="text"
         placeholder="Any"
         :value="currentModule.configuration.state"
-        @blur="(evt) => $set(currentModule.configuration, 'state', evt.target.value)"
-      />
+        @blur="(evt) => $set(currentModule.configuration, 'state', evt.target.value)" />
       <f7-list-input
         v-if="itemEventType === 'changed' || itemEventType === 'memberChanged'"
         label="from state"
@@ -70,8 +68,7 @@
         type="text"
         placeholder="Any"
         :value="currentModule.configuration.previousState"
-        @blur="(evt) => $set(currentModule.configuration, 'previousState', evt.target.value)"
-      />
+        @blur="(evt) => $set(currentModule.configuration, 'previousState', evt.target.value)" />
       <f7-list-input
         v-if="itemEventType === 'changed' || itemEventType === 'memberChanged'"
         label="to state"
@@ -79,18 +76,15 @@
         type="text"
         placeholder="Any"
         :value="currentModule.configuration.state"
-        @blur="(evt) => $set(currentModule.configuration, 'state', evt.target.value)"
-      />
+        @blur="(evt) => $set(currentModule.configuration, 'state', evt.target.value)" />
     </f7-list>
     <f7-list v-if="(itemEventType === 'command' || itemEventType === 'memberCommand') && commandSuggestions.length">
       <f7-list-item radio :checked="currentModule.configuration.command === suggestion.command" v-for="suggestion in commandSuggestions" :key="suggestion.command"
-                    :title="suggestion.label" @click="$set(currentModule.configuration, 'command', suggestion.command)"
-      />
+                    :title="suggestion.label" @click="$set(currentModule.configuration, 'command', suggestion.command)" />
     </f7-list>
     <f7-list v-else-if="stateSuggestions.length">
       <f7-list-item radio :checked="currentModule.configuration.state === suggestion.value" v-for="suggestion in stateSuggestions" :key="suggestion.value"
-                    :title="suggestion.label" @click="$set(currentModule.configuration, 'state', suggestion.value)"
-      />
+                    :title="suggestion.label" @click="$set(currentModule.configuration, 'state', suggestion.value)" />
     </f7-list>
   </f7-block>
   <f7-block class="no-margin no-padding" v-else-if="category === 'thing'">
@@ -107,13 +101,11 @@
       <f7-list-item
         v-if="thingEventType === 'statusUpdated'"
         title="to"
-        smart-select :smart-select-params="{ view: $f7.view.main, openIn: 'popover' }"
-      >
+        smart-select :smart-select-params="{ view: $f7.view.main, openIn: 'popover' }">
         <select name="thingStatus" required @change="(evt) => $set(currentModule.configuration, 'status', evt.target.value)">
           <option v-for="status in [{ value: '', label: '' }, ...currentModuleType.configDescriptions.find((p) => p.name === 'status').options]"
                   :value="status.value" :key="status.value"
-                  :selected="currentModule.configuration.status === status.value"
-          >
+                  :selected="currentModule.configuration.status === status.value">
             {{ status.label }}
           </option>
         </select>
@@ -121,13 +113,11 @@
       <f7-list-item
         v-if="thingEventType === 'statusChanged'"
         title="from"
-        smart-select :smart-select-params="{ view: $f7.view.main, openIn: 'popover' }"
-      >
+        smart-select :smart-select-params="{ view: $f7.view.main, openIn: 'popover' }">
         <select name="thingStatus" required @change="(evt) => $set(currentModule.configuration, 'previousStatus', evt.target.value)">
           <option v-for="status in [{ value: '', label: '' }, ...currentModuleType.configDescriptions.find((p) => p.name === 'previousStatus').options]"
                   :value="status.value" :key="status.value"
-                  :selected="currentModule.configuration.previousStatus === status.value"
-          >
+                  :selected="currentModule.configuration.previousStatus === status.value">
             {{ status.label }}
           </option>
         </select>
@@ -135,13 +125,11 @@
       <f7-list-item
         v-if="thingEventType === 'statusChanged'"
         title="to"
-        smart-select :smart-select-params="{ view: $f7.view.main, openIn: 'popover' }"
-      >
+        smart-select :smart-select-params="{ view: $f7.view.main, openIn: 'popover' }">
         <select name="thingStatus" required @change="(evt) => $set(currentModule.configuration, 'status', evt.target.value)">
           <option v-for="status in [{ value: '', label: '' }, ...currentModuleType.configDescriptions.find((p) => p.name === 'status').options]"
                   :value="status.value" :key="status.value"
-                  :selected="currentModule.configuration.status === status.value"
-          >
+                  :selected="currentModule.configuration.status === status.value">
             {{ status.label }}
           </option>
         </select>
@@ -158,8 +146,7 @@
         type="text"
         placeholder="Any"
         :value="currentModule.configuration.event"
-        @blur="(evt) => $set(currentModule.configuration, 'event', evt.target.value)"
-      />
+        @blur="(evt) => $set(currentModule.configuration, 'event', evt.target.value)" />
     </f7-list>
   </f7-block>
   <f7-block class="no-margin no-padding" v-else-if="category === 'time'">
@@ -171,8 +158,7 @@
                   :parameterGroups="[]"
                   :parameters="currentModuleType.configDescriptions"
                   :configuration="currentModule.configuration"
-                  @updated="dirty = true"
-    />
+                  @updated="dirty = true" />
   </f7-block>
   <f7-block class="no-margin no-padding" v-else-if="category === 'system'">
     <f7-list>
@@ -185,8 +171,7 @@
                   :parameterGroups="[]"
                   :parameters="currentModuleType.configDescriptions"
                   :configuration="currentModule.configuration"
-                  @updated="dirty = true"
-    />
+                  @updated="dirty = true" />
   </f7-block>
 </template>
 
diff --git a/bundles/org.openhab.ui/web/src/components/sitemap/widget-generic.vue b/bundles/org.openhab.ui/web/src/components/sitemap/widget-generic.vue
index 1c6c17a70e..abafacb2f5 100644
--- a/bundles/org.openhab.ui/web/src/components/sitemap/widget-generic.vue
+++ b/bundles/org.openhab.ui/web/src/components/sitemap/widget-generic.vue
@@ -23,23 +23,20 @@
                 style="margin-left: 10px"
                 v-if="model.type === 'Setpoint'"
                 color="blue" small
-                :value="parseFloat(state)"
-    />
+                :value="parseFloat(state)" />
     <f7-list-item-cell style="max-width: 40%" v-else-if="model.type === 'Slider'">
       <f7-range
         :min="0"
         :max="100"
         :step="1"
-        :value="state"
-      />
+        :value="state" />
     </f7-list-item-cell>
     <f7-list-item-cell style="max-width: 40%; text-align: right;" v-else-if="model.type === 'Colorpicker'">
       <f7-list-input type="colorpicker" placeholder="Color" :value="state" hidden readonly
                      :color-picker-params="{
                        targetElSetBackgroundColor: true,
                        targetEl: '#colorswatch-' + model.widgetId
-                     }"
-      />
+                     }" />
       <i ref="colorcircle" style="background-color: black; width: 32px; height: 32px; border-radius: 6px; cursor: pointer" class="icon color-picker-target" :id="'colorswatch-' + model.widgetId" />
     </f7-list-item-cell>
   </f7-list-item>
diff --git a/bundles/org.openhab.ui/web/src/components/tags/tag-input.vue b/bundles/org.openhab.ui/web/src/components/tags/tag-input.vue
index 4f4bb62615..8895a646b5 100644
--- a/bundles/org.openhab.ui/web/src/components/tags/tag-input.vue
+++ b/bundles/org.openhab.ui/web/src/components/tags/tag-input.vue
@@ -17,8 +17,7 @@
         @blur="addTag()"
         @keyPressed.native="keyPressed"
         :input="false"
-        class="add-tag-input"
-      >
+        class="add-tag-input">
         <input slot="input" type="text" placeholder="Add tag" @keypress="keyPressed">
       </f7-list-input>
     </f7-list>
diff --git a/bundles/org.openhab.ui/web/src/components/thing/channel-group.vue b/bundles/org.openhab.ui/web/src/components/thing/channel-group.vue
index 2e32aa401c..e8072c7a99 100644
--- a/bundles/org.openhab.ui/web/src/components/thing/channel-group.vue
+++ b/bundles/org.openhab.ui/web/src/components/thing/channel-group.vue
@@ -3,8 +3,7 @@
     <f7-list-item group-title v-if="group && group.label && group.channels.length > 0"
                   :title="group.label"
                   :description="group.description"
-                  :footer="group.description"
-    />
+                  :footer="group.description" />
     <f7-list-item
       v-for="c in group.channels"
       :key="c.channel.id" :title="c.channel.label || c.channelType.label"
@@ -21,8 +20,7 @@
       @change="$emit('selected', c.channel, c.channelType)"
       @accordion:beforeopen="openedChannel = c.channelType.id"
       @accordion:close="openedChannel = ''"
-      @accordion:open="opened(c.channel)"
-    >
+      @accordion:open="opened(c.channel)">
       <oh-icon v-if="!c.extensible && c.channelType.category" slot="media" :icon="c.channelType.category" height="32" width="32" />
       <span v-else-if="c.extensible && c.channel.label" slot="media" class="item-initial">{{ c.channel.label[0] }}</span>
       <span v-else-if="!c.extensible && c.channelType.label" slot="media" class="item-initial">{{ c.channelType.label[0] }}</span>
diff --git a/bundles/org.openhab.ui/web/src/components/thing/channel-link.vue b/bundles/org.openhab.ui/web/src/components/thing/channel-link.vue
index d67c70d061..2d976fa39c 100644
--- a/bundles/org.openhab.ui/web/src/components/thing/channel-link.vue
+++ b/bundles/org.openhab.ui/web/src/components/thing/channel-link.vue
@@ -25,8 +25,7 @@
   </div>
   <f7-list media-list v-else inset class="margin-left searchbar-ignore">
     <f7-list-item v-if="channelKind === 'TRIGGER'"
-                  subtitle="This is a trigger channel, use rules to react to events emitted by it."
-    >
+                  subtitle="This is a trigger channel, use rules to react to events emitted by it.">
       <f7-icon slot="media" color="gray" f7="bolt_circle_fill" />
     </f7-list-item>
     <f7-list-group v-if="links">
@@ -38,8 +37,7 @@
         :title="(link.item.label) ? link.item.label : link.item.name"
         :footer="(link.item.label) ? link.item.name : '\xa0'"
         :subtitle="getItemTypeAndMetaLabel(link.item)"
-        :after="context.store[link.item.name] ? context.store[link.item.name].displayState || context.store[link.item.name].state : link.item.state"
-      >
+        :after="context.store[link.item.name] ? context.store[link.item.name].displayState || context.store[link.item.name].state : link.item.state">
         <oh-icon v-if="link.item.category" slot="media" :icon="link.item.category" height="32" width="32" />
         <span v-else slot="media" class="item-initial">{{ link.item.name[0] }}</span>
         <f7-icon v-if="!link.item.editable" slot="after-title" f7="lock_fill" size="1rem" color="gray" />
diff --git a/bundles/org.openhab.ui/web/src/components/thing/channel-list.vue b/bundles/org.openhab.ui/web/src/components/thing/channel-list.vue
index 4f976cdd67..db6ddb8668 100644
--- a/bundles/org.openhab.ui/web/src/components/thing/channel-list.vue
+++ b/bundles/org.openhab.ui/web/src/components/thing/channel-list.vue
@@ -11,8 +11,7 @@
           search-container=".channel-group"
           search-in=".channel-item .item-title, .channel-item .item-subtitle, .channel-item .item-footer"
           search-group=".channel-group .row"
-          :clear-button="true"
-        />
+          :clear-button="true" />
       </f7-col>
     </f7-block>
     <div style="text-align:right" class="padding-right" v-if="hasAdvanced">
@@ -42,13 +41,11 @@
               :picker-mode="pickerMode" :multiple-links-mode="multipleLinksMode" :item-type-filter="itemTypeFilter"
               :selection="(multipleLinksMode) ? selectedChannels : selectedChannel"
               @selected="selectChannel"
-              @channel-opened="channelOpened"
-            >
+              @channel-opened="channelOpened">
               <template #default="{ channelId, channelType, channel, extensible }" v-if="!pickerMode && !multipleLinksMode">
                 <channel-link :opened="openedChannelId === channelId"
                               :thing="thing" :channelId="channelId" :channelType="channelType" :channel="channel" :extensible="extensible" :context="context"
-                              @channel-updated="(e) => $emit('channels-updated', e)"
-                />
+                              @channel-updated="(e) => $emit('channels-updated', e)" />
               </template>
               <template #default="{ channel }" v-else-if="multipleLinksMode">
                 <item-form v-if="isChecked(channel)" :item="newItem(channel)" :enable-name="true" :channel="channel" :checked="isChecked(channel)" />
diff --git a/bundles/org.openhab.ui/web/src/components/thing/thing-general-settings.vue b/bundles/org.openhab.ui/web/src/components/thing/thing-general-settings.vue
index 4479581e15..4a1a4f5477 100644
--- a/bundles/org.openhab.ui/web/src/components/thing/thing-general-settings.vue
+++ b/bundles/org.openhab.ui/web/src/components/thing/thing-general-settings.vue
@@ -7,30 +7,25 @@
             <f7-list inline-labels no-hairlines-md class="no-margin">
               <f7-list-input label="Unique ID" v-if="createMode" type="text" placeholder="Required" :value="thing.ID"
                              @input="changeUID" info="Note: cannot be changed after the creation"
-                             required validate pattern="[A-Za-z0-9_\-]+" error-message="Required. A-Z,a-z,0-9,_,- only"
-              />
+                             required validate pattern="[A-Za-z0-9_\-]+" error-message="Required. A-Z,a-z,0-9,_,- only" />
               <f7-list-input label="Identifier" type="text" placeholder="Name" :value="thing.UID" disabled />
               <f7-list-input label="Label" type="text" :disabled="!ready || readOnly" placeholder="e.g. My Thing" :value="thing.label"
-                             @input="thing.label = $event.target.value; $emit('updated')" required validate
-              />
+                             @input="thing.label = $event.target.value; $emit('updated')" required validate />
               <f7-list-input label="Location" type="text" :disabled="!ready || readOnly" placeholder="e.g. Kitchen" :value="thing.location"
-                             @input="thing.location = $event.target.value; $emit('updated')" clear-button
-              />
+                             @input="thing.location = $event.target.value; $emit('updated')" clear-button />
             </f7-list>
             <f7-block-title v-if="ready && thingType.supportedBridgeTypeUIDs.length">
               Parent Bridge
             </f7-block-title>
             <f7-block-footer v-if="ready && thingType.supportedBridgeTypeUIDs.length && !thing.bridgeUID"
-                             class="padding-left padding-right"
-            >
+                             class="padding-left padding-right">
               This type of Thing needs to be associated to a working Bridge to function properly.
             </f7-block-footer>
             <f7-list v-if="ready && thingType.supportedBridgeTypeUIDs.length" inline-labels no-hairlines-md>
               <thing-picker
                 title="Bridge" name="bridge" :value="thing.bridgeUID"
                 @input="updateBridge"
-                :filterType="thingType.supportedBridgeTypeUIDs"
-              />
+                :filterType="thingType.supportedBridgeTypeUIDs" />
             </f7-list>
           </f7-col>
         </f7-row>
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/chart/oh-chart-page.vue b/bundles/org.openhab.ui/web/src/components/widgets/chart/oh-chart-page.vue
index 1aba6d6c5e..7ad2e87a08 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/chart/oh-chart-page.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/chart/oh-chart-page.vue
@@ -2,8 +2,7 @@
   <oh-chart
     class="oh-chart-page-chart"
     :class="{ 'with-tabbar': context.tab, 'with-toolbar': context.analyzer }"
-    :context="this.context"
-  />
+    :context="this.context" />
 </template>
 
 <style lang="stylus">
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-block.vue b/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-block.vue
index a96e1c77a6..d3ac57c81c 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-block.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-block.vue
@@ -28,8 +28,7 @@
                  :is="component.component"
                  :key="idx"
                  :context="childContext(component)"
-                 v-on="$listeners"
-      />
+                 v-on="$listeners" />
     </f7-block>
   </div>
 </template>
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-grid-item.vue b/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-grid-item.vue
index 7485cc174b..45bcdfc55b 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-grid-item.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-grid-item.vue
@@ -21,8 +21,7 @@
     <oh-placeholder-widget v-if="context.editmode && !context.component.slots.default.length" @click="context.editmode.addWidget(context.component, null, context.parent)" class="oh-grid-item-content" />
     <generic-widget-component v-else-if="context.component.slots.default.length" @command="onCommand" class="oh-grid-item-content"
                               :context="childContext(context.component.slots.default[0])"
-                              :style="{ overflow: context.editmode ? 'visible' : 'hidden' }"
-    />
+                              :style="{ overflow: context.editmode ? 'visible' : 'hidden' }" />
 
     <f7-icon v-if="context.editmode" class="drag-handle" f7="move" />
   </grid-item>
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-grid-layout.vue b/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-grid-layout.vue
index 357bf3a435..f921a7e114 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-grid-layout.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-grid-layout.vue
@@ -54,8 +54,7 @@
         height: style.height + 'px',
         textAlign: 'center'
       }"
-      :use-css-transforms="false"
-    >
+      :use-css-transforms="false">
       <div v-if="context.editmode" style="opacity: 0.3; padding: 4px; user-select: none;">
         {{ getCurrentScreenResolution() }}
         <span v-if="isRetina()"><f7-icon tooltip="Screen resolution shown is the fullscreen resolution for websites. Real screen resolution is bigger." f7="info_circle" /></span>
@@ -68,8 +67,7 @@
         :h="item.h"
         :i="item.i"
         :key="item.i"
-        :context="childContext(context.component.slots.grid[item.i])"
-      />
+        :context="childContext(context.component.slots.grid[item.i])" />
     </grid-layout>
   </div>
 </template>
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-grid-row.vue b/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-grid-row.vue
index 1bbcdd58f7..ba83ddeea2 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-grid-row.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-grid-row.vue
@@ -24,8 +24,7 @@
       <oh-grid-col v-for="(component, idx) in context.component.slots.default"
                    :key="idx"
                    :context="childContext(component)"
-                   v-on="$listeners"
-      />
+                   v-on="$listeners" />
       <f7-block-title v-if="config.title" />
     </f7-row>
     <!-- <f7-row v-if="context.editmode">
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-layout-page.vue b/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-layout-page.vue
index 31b8e459b9..b6e8e52072 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-layout-page.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-layout-page.vue
@@ -5,8 +5,7 @@
                 :key="idx"
                 :context="childContext(component)"
                 v-on="$listeners"
-                style="z-index: 5000 !important"
-      />
+                style="z-index: 5000 !important" />
       <f7-block v-if="context.editmode">
         <f7-list>
           <f7-list-button color="blue" @click="$emit('add-block', context.component)">
@@ -19,8 +18,7 @@
       <f7-block v-if="context.component.slots.masonry && context.component.slots.masonry.length">
         <oh-masonry
           :context="childContext(context.component.slots.masonry[0])"
-          v-on="$listeners"
-        />
+          v-on="$listeners" />
       </f7-block>
       <template v-else-if="context.editmode">
         <f7-block>
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-placeholder-widget.vue b/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-placeholder-widget.vue
index beb6800f46..fb6132b545 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-placeholder-widget.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/layout/oh-placeholder-widget.vue
@@ -1,8 +1,7 @@
 <template>
   <div class="placeholder-widget">
     <f7-button class="button" icon-f7="plus" color="gray" :icon-size="50" outline
-               @click="$emit('click')"
-    />
+               @click="$emit('click')" />
   </div>
 </template>
 
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/map/oh-map-marker.vue b/bundles/org.openhab.ui/web/src/components/widgets/map/oh-map-marker.vue
index 6d89be6489..9348f97780 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/map/oh-map-marker.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/map/oh-map-marker.vue
@@ -5,8 +5,7 @@
     </l-tooltip>
     <l-icon v-if="icon"
             :icon-size="[40,40]"
-            :icon-url="icon"
-    />
+            :icon-url="icon" />
   </l-marker>
 </template>
 
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/map/oh-map-page.vue b/bundles/org.openhab.ui/web/src/components/widgets/map/oh-map-page.vue
index c4850f0e0c..277db70362 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/map/oh-map-page.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/map/oh-map-page.vue
@@ -10,12 +10,10 @@
     class="oh-map-page-lmap"
     :class="{ 'with-tabbar': context.tab }"
     @update:center="centerUpdate"
-    @update:zoom="zoomUpdate"
-  >
+    @update:zoom="zoomUpdate">
     <l-feature-group ref="featureGroup" v-if="context.component.slots">
       <component v-for="(marker, idx) in context.component.slots.default" :key="idx"
-                 :is="markerComponent(marker)" :context="childContext(marker)" @update="onMarkerUpdate"
-      />
+                 :is="markerComponent(marker)" :context="childContext(marker)" @update="onMarkerUpdate" />
     </l-feature-group>
   </l-map>
 </template>
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/plan/oh-plan-marker.vue b/bundles/org.openhab.ui/web/src/components/widgets/plan/oh-plan-marker.vue
index f08e7d9303..a96ab94e11 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/plan/oh-plan-marker.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/plan/oh-plan-marker.vue
@@ -1,15 +1,13 @@
 <template>
   <l-marker ref="marker" v-if="coords" :key="markerKey" :draggable="context.editmode != undefined" :lat-lng="coords"
-            @update:latLng="onMove" @click="onClick"
-  >
+            @update:latLng="onMove" @click="onClick">
     <l-tooltip v-if="tooltip && !config.useTooltipAsLabel" :options="tooltipOptions" @click="() => {}">
       <div style="white-space: nowrap" :style="tooltipStyle">
         {{ tooltip }}
       </div>
     </l-tooltip>
     <l-icon
-      :icon-size="[config.iconSize || 40, config.iconSize || 40]"
-    >
+      :icon-size="[config.iconSize || 40, config.iconSize || 40]">
       <div v-if="config.useTooltipAsLabel" style="white-space: nowrap" :style="tooltipStyle">
         {{ tooltip }}
       </div>
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/plan/oh-plan-page.vue b/bundles/org.openhab.ui/web/src/components/widgets/plan/oh-plan-page.vue
index 76e060c39d..f1d4680ea1 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/plan/oh-plan-page.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/plan/oh-plan-page.vue
@@ -19,16 +19,13 @@
               'oh-plan-dark-mode-invert': config.darkModeInvert,
     }"
     @update:center="centerUpdate"
-    @update:zoom="zoomUpdate"
-  >
+    @update:zoom="zoomUpdate">
     <l-image-overlay
       :url="backgroundImageUrl"
-      :bounds="bounds"
-    />
+      :bounds="bounds" />
     <l-feature-group ref="featureGroup" v-if="context.component.slots && ready">
       <component v-for="(marker, idx) in markers" :key="idx"
-                 :is="markerComponent(marker)" :context="childContext(marker)" @update="onMarkerUpdate"
-      />
+                 :is="markerComponent(marker)" :context="childContext(marker)" @update="onMarkerUpdate" />
     </l-feature-group>
     <l-control v-if="context.editmode != null" position="topright">
       <f7-menu class="padding">
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-cell.vue b/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-cell.vue
index b09001f997..b92c0ed631 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-cell.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/standard/cell/oh-cell.vue
@@ -3,8 +3,7 @@
            :swipeToClose="!(noSwipeToClose || config.swipeToClose === false)"
            :backdrop="config.backdrop === undefined || config.backdrop"
            :animate="(config.animate === false || $f7.data.themeOptions.expandableCardAnimation === 'disabled') ? false : undefined"
-           @card:open="cellOpen" @card:opened="cellOpened" @card:close="cellClose" @card:closed="cellClosed"
-  >
+           @card:open="cellOpen" @card:opened="cellOpened" @card:close="cellClose" @card:closed="cellClosed">
     <slot name="background">
       <div v-if="context.component.slots && context.component.slots.background">
         <generic-widget-component :context="childContext(slotComponent)" v-for="(slotComponent, idx) in context.component.slots.background" :key="'background-' + idx" @command="onCommand" />
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/standard/list/oh-list-item.vue b/bundles/org.openhab.ui/web/src/components/widgets/standard/list/oh-list-item.vue
index d61d504a88..2e3b788bf6 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/standard/list/oh-list-item.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/standard/list/oh-list-item.vue
@@ -6,8 +6,7 @@
                 :badge="(config.divider) ? 'Divider' : (config.listButton) ? 'List button' : config.badge"
                 :accordion-item="context.component.slots && context.component.slots.accordion && !config.divider && !context.editmode"
                 :link="(config.action !== undefined && config.action !== '' && !context.editmode) ? true : undefined"
-                @click="performAction"
-  >
+                @click="performAction">
     <f7-menu v-if="context.editmode" slot="content-start" class="configure-layout-menu">
       <f7-menu-item icon-f7="list_bullet" dropdown>
         <f7-menu-dropdown>
@@ -31,12 +30,10 @@
     <slot name="root-end" #root-end />
     <slot name="footer" #footer />
     <generic-widget-component slot="after" v-if="context.component.slots && context.component.slots.after && context.component.slots.after.length"
-                              :context="childContext(context.component.slots.after[0])" v-on="$listeners"
-    />
+                              :context="childContext(context.component.slots.after[0])" v-on="$listeners" />
     <f7-accordion-content v-if="context.parent.component.config.accordionList && !context.editmode">
       <generic-widget-component v-if="context.component.slots && context.component.slots.accordion && context.component.slots.accordion.length"
-                                :context="childContext(context.component.slots.accordion[0])" v-on="$listeners"
-      />
+                                :context="childContext(context.component.slots.accordion[0])" v-on="$listeners" />
       <!-- <oh-placeholder-widget v-else-if="context.editmode" class="oh-column-item placeholder" @click="context.editmode.addWidget(context.component, null, context.parent, 'accordion')" /> -->
     </f7-accordion-content>
     <oh-icon slot="media" v-if="config.icon && config.icon.indexOf('oh:') === 0" :icon="config.icon.substring(3)" height="32" width="32" :state="(config.item && config.iconUseState) ? context.store[config.item].state : null" />
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/system/oh-chart-component.vue b/bundles/org.openhab.ui/web/src/components/widgets/system/oh-chart-component.vue
index cd1c1f4c17..451b988ca6 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/system/oh-chart-component.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/system/oh-chart-component.vue
@@ -6,8 +6,7 @@
       :options="options"
       class="oh-chart"
       :class="{ 'with-tabbar': context.tab, 'with-toolbar': context.analyzer }"
-      :theme="$f7.data.themeOptions.dark === 'dark' ? 'dark' : undefined" autoresize
-    />
+      :theme="$f7.data.themeOptions.dark === 'dark' ? 'dark' : undefined" autoresize />
     <f7-menu class="padding float-right" v-if="periodVisible">
       <f7-menu-item @click="earlierPeriod()" icon-f7="chevron_left" />
       <f7-menu-item v-if="context.component.config.chartType" :text="fixedPeriodLabel" type="text" @click="pickFixedStartDate">
@@ -16,8 +15,7 @@
       <f7-menu-item v-else dropdown :text="period">
         <f7-menu-dropdown right>
           <f7-menu-dropdown-item v-for="p in ['h', '2h', '4h', '12h', 'D', '2D', '3D', 'W', '2W', 'M', '2M', '4M', '6M', 'Y']"
-                                 :key="p" @click="setPeriod(p)" href="#" :text="p"
-          />
+                                 :key="p" @click="setPeriod(p)" href="#" :text="p" />
         </f7-menu-dropdown>
       </f7-menu-item>
       <f7-menu-item @click="laterPeriod()" icon-f7="chevron_right" />
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/system/oh-colorpicker.vue b/bundles/org.openhab.ui/web/src/components/widgets/system/oh-colorpicker.vue
index 6f2ce8b07d..e8e623df08 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/system/oh-colorpicker.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/system/oh-colorpicker.vue
@@ -5,8 +5,7 @@
     height: (config.swatchSize) ? config.swatchSize + 'px' : '32px',
     borderRadius: (config.swatchBorderRadius) ? config.swatchBorderRadius + 'px' : '6px',
     cursor: 'pointer'
-  }"
-  />
+  }" />
 </template>
 
 <script>
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/system/oh-icon.vue b/bundles/org.openhab.ui/web/src/components/widgets/system/oh-icon.vue
index 271a4ad3b7..d6eec6ed85 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/system/oh-icon.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/system/oh-icon.vue
@@ -4,8 +4,7 @@
          width: (context && config && config.width) ? config.width + 'px' : (width) ? width + 'px' : 'auto',
          height: (context && config && config.height) ? config.height + 'px' : (height) ? height + 'px' : 'auto',
          ...(config) ? config.style : {} }"
-       onload="this.classList.remove('no-icon')" onerror="this.classList.add('no-icon')"
-  >
+       onload="this.classList.remove('no-icon')" onerror="this.classList.add('no-icon')">
 </template>
 
 <style lang="stylus">
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/system/oh-stepper.vue b/bundles/org.openhab.ui/web/src/components/widgets/system/oh-stepper.vue
index 2d0fe790a4..009628f44e 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/system/oh-stepper.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/system/oh-stepper.vue
@@ -1,7 +1,6 @@
 <template>
   <f7-stepper ref="stepper" v-bind="config" :value="value" @stepper:change="onChange"
-              :manual-input-mode="false" :format-value="formatValue"
-  />
+              :manual-input-mode="false" :format-value="formatValue" />
 </template>
 
 <script>
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/system/oh-video.vue b/bundles/org.openhab.ui/web/src/components/widgets/system/oh-video.vue
index 260e3cf537..e30b92b09e 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/system/oh-video.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/system/oh-video.vue
@@ -5,8 +5,7 @@
       :type="config.type"
       :config="config.videoOptions"
       :startManually="config.startManually"
-      :hideControls="config.hideControls"
-    />
+      :hideControls="config.hideControls" />
   </div>
 </template>
 
diff --git a/bundles/org.openhab.ui/web/src/pages/developer/developer-tools.vue b/bundles/org.openhab.ui/web/src/pages/developer/developer-tools.vue
index fda960cf3a..faad3708e2 100644
--- a/bundles/org.openhab.ui/web/src/pages/developer/developer-tools.vue
+++ b/bundles/org.openhab.ui/web/src/pages/developer/developer-tools.vue
@@ -77,8 +77,7 @@
                     @change="icon = $event.target.value"
                     placeholder="e.g. lightbulb, qualityofservice-2"
                     :info="iconUrl"
-                    clear-button
-                  >
+                    clear-button>
                     <img :src="iconUrl" width="44" slot="media">
                   </f7-list-input>
                 </f7-list>
diff --git a/bundles/org.openhab.ui/web/src/pages/developer/widgets/widget-edit.vue b/bundles/org.openhab.ui/web/src/pages/developer/widgets/widget-edit.vue
index 7a7f56e1cf..df079afaf4 100644
--- a/bundles/org.openhab.ui/web/src/pages/developer/widgets/widget-edit.vue
+++ b/bundles/org.openhab.ui/web/src/pages/developer/widgets/widget-edit.vue
@@ -58,8 +58,7 @@
             <config-sheet
               :parameterGroups="widget.props.parameterGroups || []"
               :parameters="widget.props.parameters || []"
-              :configuration="props"
-            />
+              :configuration="props" />
           </f7-col>
         </f7-block>
       </f7-page>
diff --git a/bundles/org.openhab.ui/web/src/pages/developer/widgets/widget-list.vue b/bundles/org.openhab.ui/web/src/pages/developer/widgets/widget-list.vue
index 0120c09efd..7b1147f7bc 100644
--- a/bundles/org.openhab.ui/web/src/pages/developer/widgets/widget-list.vue
+++ b/bundles/org.openhab.ui/web/src/pages/developer/widgets/widget-list.vue
@@ -3,8 +3,7 @@
     <f7-navbar title="Widgets" back-link="Developer Tools" back-link-url="/developer/" back-link-force>
       <f7-nav-right>
         <f7-link icon-md="material:done_all" @click="toggleCheck()"
-                 :text="(!$theme.md) ? ((showCheckboxes) ? 'Done' : 'Select') : ''"
-        />
+                 :text="(!$theme.md) ? ((showCheckboxes) ? 'Done' : 'Select') : ''" />
       </f7-nav-right>
       <f7-subnavbar :inner="false" v-show="initSearchbar">
         <f7-searchbar
@@ -15,8 +14,7 @@
           search-container=".widgets-list"
           search-item=".widgetlist-item"
           search-in=".item-title, .item-subtitle, .item-header, .item-footer"
-          :disable-button="!$theme.aurora"
-        />
+          :disable-button="!$theme.aurora" />
       </f7-subnavbar>
     </f7-navbar>
     <f7-toolbar class="contextual-toolbar" :class="{ 'navbar': $theme.md }" v-if="showCheckboxes" bottom-ios bottom-aurora>
@@ -48,8 +46,7 @@
               :key="n"
               :class="`skeleton-text skeleton-effect-blink`"
               title="Title of the widget"
-              subtitle="Tag1, Tag2, Tag3..."
-            />
+              subtitle="Tag1, Tag2, Tag3..." />
           </f7-list-group>
         </f7-list>
       </f7-col>
@@ -61,8 +58,7 @@
           v-show="widgets.length > 0"
           class="searchbar-found col widgets-list"
           ref="widgetsList"
-          media-list
-        >
+          media-list>
           <f7-list-item
             v-for="(widget, index) in widgets"
             :key="index"
@@ -73,8 +69,7 @@
             @click.ctrl="(e) => ctrlClick(e, widget)"
             @click.exact="(e) => click(e, widget)"
             link=""
-            :title="widget.uid"
-          >
+            :title="widget.uid">
             <div slot="subtitle">
               <f7-chip v-for="tag in widget.tags" :key="tag" :text="tag" media-bg-color="blue" style="margin-right: 6px">
                 <f7-icon slot="media" ios="f7:tag_fill" md="material:label" aurora="f7:tag_fill" />
diff --git a/bundles/org.openhab.ui/web/src/pages/home/model-tab.vue b/bundles/org.openhab.ui/web/src/pages/home/model-tab.vue
index 6100b93750..60821a2871 100644
--- a/bundles/org.openhab.ui/web/src/pages/home/model-tab.vue
+++ b/bundles/org.openhab.ui/web/src/pages/home/model-tab.vue
@@ -7,14 +7,11 @@
       <div class="model-cards-section" v-if="elements.length > 0">
         <div v-for="(element, idx) in elements.filter((e) => !isCardExcluded(e))" :key="idx">
           <location-card v-if="type === 'locations' && !element.separator && (element.equipment.length > 0 || element.properties.length > 0)" :key="element.key"
-                         type="location" :element="element" :context="cardContext(element)" :parent-location="parentLocationName(element.item)"
-          />
+                         type="location" :element="element" :context="cardContext(element)" :parent-location="parentLocationName(element.item)" />
           <equipment-card v-if="type === 'equipment' && !element.separator" :key="element.key"
-                          type="equipment" :element="element" :context="cardContext(element)"
-          />
+                          type="equipment" :element="element" :context="cardContext(element)" />
           <property-card v-if="type === 'properties' && !element.separator" :key="element.key"
-                         type="property" :element="element" :context="cardContext(element)"
-          />
+                         type="property" :element="element" :context="cardContext(element)" />
         </div>
       </div>
     </div>
diff --git a/bundles/org.openhab.ui/web/src/pages/profile.vue b/bundles/org.openhab.ui/web/src/pages/profile.vue
index aa517870fe..561b46008e 100644
--- a/bundles/org.openhab.ui/web/src/pages/profile.vue
+++ b/bundles/org.openhab.ui/web/src/pages/profile.vue
@@ -40,8 +40,7 @@
                 :key="session.sessionId"
                 :title="session.clientId"
                 :subtitle="$t('profile.sessions.created') + new Date(session.createdTime).toLocaleString($store.getters.locale)"
-                :text="$t('profile.sessions.lastRefreshed') + new Date(session.lastRefreshTime).toLocaleString($store.getters.locale)"
-              >
+                :text="$t('profile.sessions.lastRefreshed') + new Date(session.lastRefreshTime).toLocaleString($store.getters.locale)">
                 <f7-link slot="media" icon-color="red" icon-aurora="f7:minus_circle_filled" icon-ios="f7:minus_circle_filled" icon-md="material:remove_circle_outline" @click="showSwipeout" />
                 <f7-swipeout-actions right>
                   <f7-swipeout-button @click="(ev) => deleteSession(ev, session)" style="background-color: var(--f7-swipeout-delete-button-bg-color)">
@@ -70,8 +69,7 @@
                 :key="apiToken.name"
                 :title="apiToken.name"
                 :subtitle="$t('profile.apiTokens.created') + new Date(apiToken.createdTime).toLocaleString($store.getters.locale)"
-                :text="$t('profile.apiTokens.validForScope') + (apiToken.scope || 'N/A')"
-              >
+                :text="$t('profile.apiTokens.validForScope') + (apiToken.scope || 'N/A')">
                 <f7-link slot="media" icon-color="red" icon-aurora="f7:minus_circle_filled" icon-ios="f7:minus_circle_filled" icon-md="material:remove_circle_outline" @click="showSwipeout" />
                 <f7-swipeout-actions right>
                   <f7-swipeout-button @click="(ev) => deleteApiToken(ev, apiToken)" style="background-color: var(--f7-swipeout-delete-button-bg-color)">
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/addons/addons-add.vue b/bundles/org.openhab.ui/web/src/pages/settings/addons/addons-add.vue
index 857c1bded0..07359690f3 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/addons/addons-add.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/addons/addons-add.vue
@@ -7,8 +7,7 @@
           :init="initSearchbar"
           v-if="initSearchbar"
           search-in=".item-title"
-          :disable-button="!$theme.aurora"
-        />
+          :disable-button="!$theme.aurora" />
       </f7-subnavbar>
     </f7-navbar>
     <f7-list class="searchbar-not-found">
@@ -30,8 +29,7 @@
             title="Label of the binding"
             header="BindingID"
             footer="Binding version"
-            media-item
-          />
+            media-item />
         </f7-list>
         <f7-list v-else media-list class="addons-list">
           <f7-list-item
@@ -43,8 +41,7 @@
             :header="addon.id"
             :footer="addon.version"
             :after="(currentlyInstalling.indexOf(addon.id) >= 0) ? 'Installing...' : ''"
-            :title="addon.label"
-          />
+            :title="addon.label" />
         </f7-list>
       </f7-col>
     </f7-block>
@@ -53,8 +50,7 @@
       :addon-id="currentAddonId"
       :opened="addonPopupOpened"
       @closed="addonPopupOpened = false"
-      @install="installAddon"
-    />
+      @install="installAddon" />
   </f7-page>
 </template>
 
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/addons/addons-list.vue b/bundles/org.openhab.ui/web/src/pages/settings/addons/addons-list.vue
index 1f05a4a4e7..379b84f851 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/addons/addons-list.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/addons/addons-list.vue
@@ -21,8 +21,7 @@
             title="Label of the binding"
             header="BindingID"
             footer="Binding version"
-            media-item
-          />
+            media-item />
         </f7-list>
         <f7-list v-else>
           <f7-list-item
@@ -34,8 +33,7 @@
             :header="addon.id"
             :footer="addon.version"
             :after="(currentlyUninstalling.indexOf(addon.id) >= 0) ? 'Uninstalling...' : ''"
-            :title="addon.label"
-          >
+            :title="addon.label">
             <!-- <f7-swipeout-actions left>
               <f7-swipeout-button v-if="addon.link" color="blue">Documentation</f7-swipeout-button>
               <f7-swipeout-button color="red">Uninstall</f7-swipeout-button>
@@ -63,8 +61,7 @@
       :addon-id="currentAddonId"
       :opened="addonPopupOpened"
       @closed="addonPopupOpened = false"
-      @uninstall="uninstallAddon"
-    />
+      @uninstall="uninstallAddon" />
   </f7-page>
 </template>
 
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/addons/binding-config.vue b/bundles/org.openhab.ui/web/src/pages/settings/addons/binding-config.vue
index 446816c1ba..34165147ad 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/addons/binding-config.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/addons/binding-config.vue
@@ -13,8 +13,7 @@
         <config-sheet
           :parameter-groups="configDescriptions.parameterGroups"
           :parameters="configDescriptions.parameters"
-          :configuration="config"
-        />
+          :configuration="config" />
       </f7-col>
     </f7-block>
   </f7-page>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/items/item-details.vue b/bundles/org.openhab.ui/web/src/pages/settings/items/item-details.vue
index e7656f8b7a..8392926477 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/items/item-details.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/items/item-details.vue
@@ -45,8 +45,7 @@
               v-for="(value, key) in item.metadata.semantics.config"
               :key="key"
               :title="key"
-              :after="value"
-            />
+              :after="value" />
           </f7-list>
         </f7-col>
       </f7-row>
@@ -59,8 +58,7 @@
                 v-for="group in item.groupNames"
                 :key="group"
                 :link="'/settings/items/' + group"
-                :title="group"
-              />
+                :title="group" />
             </f7-list>
           </f7-card>
         </f7-col>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/items/items-list-vlist.vue b/bundles/org.openhab.ui/web/src/pages/settings/items/items-list-vlist.vue
index 388ad3b2f6..e5fbfcf8fc 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/items/items-list-vlist.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/items/items-list-vlist.vue
@@ -3,8 +3,7 @@
     <f7-navbar title="Items" back-link="Settings" back-link-url="/settings/" back-link-force>
       <f7-nav-right>
         <f7-link icon-md="material:done_all" @click="toggleCheck()"
-                 :text="(!$theme.md) ? ((showCheckboxes) ? 'Done' : 'Select') : ''"
-        />
+                 :text="(!$theme.md) ? ((showCheckboxes) ? 'Done' : 'Select') : ''" />
       </f7-nav-right>
       <f7-subnavbar :inner="false" v-show="initSearchbar">
         <f7-searchbar
@@ -13,8 +12,7 @@
           class="searchbar-items"
           :init="initSearchbar"
           search-container=".virtual-list"
-          :disable-button="!$theme.aurora"
-        />
+          :disable-button="!$theme.aurora" />
       </f7-subnavbar>
     </f7-navbar>
     <f7-toolbar class="contextual-toolbar" :class="{ 'navbar': $theme.md }" v-if="showCheckboxes" bottom-ios bottom-aurora>
@@ -47,8 +45,7 @@
               title="Label of the item"
               subtitle="type, semantic metadata"
               after="The item state"
-              footer="This contains the type of the item"
-            >
+              footer="This contains the type of the item">
               <f7-skeleton-block style="width: 32px; height: 32px; border-radius: 50%" slot="media" />
             </f7-list-item>
           </f7-list-group>
@@ -64,8 +61,7 @@
           ref="itemsList"
           media-list
           virtual-list
-          :virtual-list-params="{ items, searchAll, renderExternal, height: vlData.height }"
-        >
+          :virtual-list-params="{ items, searchAll, renderExternal, height: vlData.height }">
           <ul>
             <f7-list-item
               v-for="(item, index) in vlData.items"
@@ -81,8 +77,7 @@
               :footer="(item.label) ? item.name : '\xa0'"
               :subtitle="getItemTypeAndMetaLabel(item)"
               :style="`top: ${vlData.topPosition}px`"
-              :after="item.state"
-            >
+              :after="item.state">
               <oh-icon v-if="item.category" slot="media" :icon="item.category" height="32" width="32" />
               <span v-else slot="media" class="item-initial">{{ item.name[0] }}</span>
               <f7-icon v-if="!item.editable" slot="after-title" f7="lock_fill" size="1rem" color="gray" />
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/items/items-list.vue b/bundles/org.openhab.ui/web/src/pages/settings/items/items-list.vue
index 6a8804d52a..8b19f81184 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/items/items-list.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/items/items-list.vue
@@ -3,8 +3,7 @@
     <f7-navbar title="Items" back-link="Settings" back-link-url="/settings/" back-link-force>
       <f7-nav-right>
         <f7-link icon-md="material:done_all" @click="toggleCheck()"
-                 :text="($theme.ios) ? ((showCheckboxes) ? 'Done' : 'Select') : ''"
-        />
+                 :text="($theme.ios) ? ((showCheckboxes) ? 'Done' : 'Select') : ''" />
       </f7-nav-right>
       <!-- <f7-nav-right>
         <f7-link
@@ -29,8 +28,7 @@
           :init="initSearchbar"
           search-container=".contacts-list"
           search-in=".item-title"
-          :disable-button="!$theme.aurora"
-        />
+          :disable-button="!$theme.aurora" />
       </f7-subnavbar>
     </f7-navbar>
     <f7-toolbar class="contextual-toolbar" v-if="showCheckboxes" bottom-ios>
@@ -43,8 +41,7 @@
       v-show="!$device.desktop"
       list-el=".items-list"
       :scroll-list="true"
-      :label="true"
-    />
+      :label="true" />
 
     <f7-list class="searchbar-not-found">
       <f7-list-item title="Nothing found" />
@@ -62,8 +59,7 @@
             :class="`skeleton-text skeleton-effect-blink`"
             title="Label of the item"
             subtitle="This contains the name of the item"
-            after="The item type"
-          />
+            after="The item type" />
         </f7-list-group>
       </f7-list>
       <f7-list v-else class="searchbar-found col items-list" contacts-list>
@@ -74,8 +70,7 @@
                         :link="showCheckboxes ? null : item.name"
                         :title="(item.label) ? item.label : item.name"
                         :subtitle="(item.label) ? item.name : ''"
-                        :after="item.type"
-          />
+                        :after="item.type" />
         </f7-list-group>
       </f7-list>
     </f7-block>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/model/add-from-thing.vue b/bundles/org.openhab.ui/web/src/pages/settings/model/add-from-thing.vue
index 20827d2499..432bf2eb11 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/model/add-from-thing.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/model/add-from-thing.vue
@@ -36,8 +36,7 @@
             :title="selectedThing.label"
             :footer="selectedThing.UID"
             :badge="thingStatusBadgeText(selectedThing.statusInfo)"
-            :badge-color="thingStatusBadgeColor(selectedThing.statusInfo)"
-          />
+            :badge-color="thingStatusBadgeColor(selectedThing.statusInfo)" />
         </f7-list>
         <f7-block-title v-if="createEquipment">
           Equipment
@@ -74,8 +73,7 @@
           </f7-block-footer>
           <channel-list :thing="selectedThing" :thingType="selectedThingType" :channelTypes="selectedThingChannelTypes"
                         :multiple-links-mode="true" :new-items-prefix="(createEquipment) ? newEquipmentItem.name : (parentGroup) ? parentGroup.name : ''"
-                        :new-items="newPointItems"
-          />
+                        :new-items="newPointItems" />
         </div>
       </f7-col>
     </f7-block>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/model/model.vue b/bundles/org.openhab.ui/web/src/pages/settings/model/model.vue
index c74eed9997..868ec73f43 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/model/model.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/model/model.vue
@@ -8,8 +8,7 @@
           search-container=".semantic-tree"
           search-item=".treeview-item"
           search-in=".treeview-item-label"
-          :disable-button="!$theme.aurora"
-        />
+          :disable-button="!$theme.aurora" />
       </f7-subnavbar>
     </f7-navbar>
     <f7-toolbar bottom class="toolbar-details">
@@ -35,8 +34,7 @@
             <f7-treeview>
               <model-treeview-item v-for="node in [rootLocations, rootEquipment, rootPoints, rootGroups, rootItems].flat()"
                                    :key="node.item.name" :model="node"
-                                   @selected="selectItem" :selected="selectedItem"
-              />
+                                   @selected="selectItem" :selected="selectedItem" />
             </f7-treeview>
           </f7-block>
         </f7-col>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/pages/chart/chart-edit.vue b/bundles/org.openhab.ui/web/src/pages/settings/pages/chart/chart-edit.vue
index 56a35f79e6..645548aa36 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/pages/chart/chart-edit.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/pages/chart/chart-edit.vue
@@ -33,8 +33,7 @@
           <config-sheet
             :parameterGroups="pageWidgetDefinition.props.parameterGroups || []"
             :parameters="pageWidgetDefinition.props.parameters || []"
-            :configuration="page.config"
-          />
+            :configuration="page.config" />
         </f7-block>
 
         <chart-designer class="chart-designer" v-if="ready && !previewMode && currentTab === 'design'" :context="context" />
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/pages/home/home-edit.vue b/bundles/org.openhab.ui/web/src/pages/settings/pages/home/home-edit.vue
index 08c039c3e5..4d10277734 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/pages/home/home-edit.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/pages/home/home-edit.vue
@@ -43,8 +43,7 @@
               :parameterGroups="pageWidgetDefinition.props.parameterGroups || []"
               :parameters="pageWidgetDefinition.props.parameters || []"
               :configuration="page.config"
-              @updated="dirty = true"
-            />
+              @updated="dirty = true" />
           </f7-col>
 
           <f7-col v-if="modelReady && !previewMode">
@@ -56,8 +55,7 @@
             <div class="display-block padding">
               <div class="no-padding float-right">
                 <f7-button @click="showCardControls = !showCardControls" small outline :fill="showCardControls" sortable-toggle=".sortable" style="margin-top: -3px; margin-right: 5px"
-                           color="gray" icon-size="12" icon-ios="material:wrap_text" icon-md="material:wrap_text" icon-aurora="material:wrap_text"
-                >
+                           color="gray" icon-size="12" icon-ios="material:wrap_text" icon-md="material:wrap_text" icon-aurora="material:wrap_text">
                   &nbsp;Reorder
                 </f7-button>
               </div>
@@ -67,8 +65,7 @@
               <f7-list-item media-item :link="(showCardControls) ? undefined : ''"
                             @click.native="(ev) => cardClicked(ev, card, idx)"
                             v-for="(card, idx) in cardGroups(currentModelTab, page).flat()" :key="idx"
-                            :title="card.separator || card.defaultTitle" :footer="(card.separator) ? '(separator)' : card.key"
-              >
+                            :title="card.separator || card.defaultTitle" :footer="(card.separator) ? '(separator)' : card.key">
                 <f7-menu slot="content-start" class="configure-layout-menu">
                   <f7-menu-item icon-f7="list_bullet" dropdown>
                     <f7-menu-dropdown>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/pages/layout/layout-edit.vue b/bundles/org.openhab.ui/web/src/pages/settings/pages/layout/layout-edit.vue
index 538d5c9d86..99eef8abb2 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/pages/layout/layout-edit.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/pages/layout/layout-edit.vue
@@ -37,8 +37,7 @@
                     !(context.component.slots.masonry && context.component.slots.masonry.length) &&
                     !(context.component.slots.grid && context.component.slots.grid.length) &&
                     !['responsive', 'fixed'].includes(page.config.layoutType)"
-                  class="block-narrow margin-bottom" inset
-        >
+                  class="block-narrow margin-bottom" inset>
           <f7-block-title class="margin text-align-center">
             Choose a layout style
           </f7-block-title>
@@ -71,8 +70,7 @@
         <oh-layout-page class="layout-page" v-else-if="ready" :context="context" :key="pageKey"
                         @add-block="addBlock"
                         @add-masonry="addMasonry"
-                        @add-grid-item="addGridItem"
-        />
+                        @add-grid-item="addGridItem" />
       </f7-tab>
       <f7-tab id="code" @tab:show="() => { this.currentTab = 'code' }" :tab-active="currentTab === 'code'">
         <editor v-if="currentTab === 'code'" :style="{ opacity: previewMode ? '0' : '' }" class="page-code-editor" mode="application/vnd.openhab.uicomponent+yaml?type=layout" :value="pageYaml" @input="onEditorInput" />
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/pages/map/map-edit.vue b/bundles/org.openhab.ui/web/src/pages/settings/pages/map/map-edit.vue
index 27b6958268..881a742f93 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/pages/map/map-edit.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/pages/map/map-edit.vue
@@ -39,8 +39,7 @@
               :parameterGroups="pageWidgetDefinition.props.parameterGroups || []"
               :parameters="pageWidgetDefinition.props.parameters || []"
               :configuration="page.config"
-              @updated="dirty = true"
-            />
+              @updated="dirty = true" />
 
             <f7-block-title>Markers</f7-block-title>
             <f7-menu v-if="clipboardType === 'oh-map-marker'">
@@ -54,8 +53,7 @@
             <f7-list media-list class="markers-list">
               <f7-list-item media-item v-for="(marker, idx) in page.slots.default" :key="idx"
                             :title="marker.config.label" :subtitle="marker.config.item || marker.config.location"
-                            link="#" @click.native="(ev) => configureMarker(ev, marker, context)"
-              >
+                            link="#" @click.native="(ev) => configureMarker(ev, marker, context)">
                 <oh-icon v-if="marker.config.icon && marker.config.icon.indexOf('oh:') === 0" slot="media" :icon="marker.config.icon.substring(3)" height="32" width="32" />
                 <f7-icon v-else slot="media" :f7="markerDefaultIcon(marker)" :size="32" />
                 <f7-menu slot="content-start" class="configure-layout-menu">
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/pages/pages-list.vue b/bundles/org.openhab.ui/web/src/pages/settings/pages/pages-list.vue
index 866a613b3d..726b57aa88 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/pages/pages-list.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/pages/pages-list.vue
@@ -3,8 +3,7 @@
     <f7-navbar title="Pages" back-link="Settings" back-link-url="/settings/" back-link-force>
       <f7-nav-right>
         <f7-link icon-md="material:done_all" @click="toggleCheck()"
-                 :text="(!$theme.md) ? ((showCheckboxes) ? 'Done' : 'Select') : ''"
-        />
+                 :text="(!$theme.md) ? ((showCheckboxes) ? 'Done' : 'Select') : ''" />
       </f7-nav-right>
       <f7-subnavbar :inner="false" v-show="initSearchbar">
         <f7-searchbar
@@ -15,8 +14,7 @@
           search-container=".pages-list"
           search-item=".pagelist-item"
           search-in=".item-title, .item-subtitle, .item-header, .item-footer"
-          :disable-button="!$theme.aurora"
-        />
+          :disable-button="!$theme.aurora" />
       </f7-subnavbar>
     </f7-navbar>
     <f7-toolbar class="contextual-toolbar" :class="{ 'navbar': $theme.md }" v-if="showCheckboxes" bottom-ios bottom-aurora>
@@ -38,8 +36,7 @@
       v-show="groupBy === 'alphabetical' && !$device.desktop"
       list-el=".pages-list"
       :scroll-list="true"
-      :label="true"
-    />
+      :label="true" />
 
     <f7-list class="searchbar-not-found">
       <f7-list-item title="Nothing found" />
@@ -71,8 +68,7 @@
               title="Title of the page"
               subtitle="Page type"
               after="The item state"
-              footer="Page UID"
-            >
+              footer="Page UID">
               <f7-skeleton-block style="width: 32px; height: 32px; border-radius: 50%" slot="media" />
             </f7-list-item>
           </f7-list-group>
@@ -81,8 +77,7 @@
                  v-show="pages.length > 0"
                  class="searchbar-found col pages-list"
                  ref="pagesList"
-                 :contacts-list="groupBy === 'alphabetical'" media-list
-        >
+                 :contacts-list="groupBy === 'alphabetical'" media-list>
           <f7-list-group v-for="(pagesWithInitial, initial) in indexedPages" :key="initial">
             <f7-list-item v-if="pagesWithInitial.length" :title="initial" group-title />
             <f7-list-item
@@ -99,8 +94,7 @@
               :title="page.config.label"
               :subtitle="getPageType(page).label"
               :footer="page.uid"
-              :badge="page.config.order"
-            >
+              :badge="page.config.order">
               <div slot="subtitle">
                 <f7-chip v-for="tag in page.tags" :key="tag" :text="tag" media-bg-color="blue" style="margin-right: 6px">
                   <f7-icon slot="media" ios="f7:tag_fill" md="material:label" aurora="f7:tag_fill" />
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/pages/plan/plan-edit.vue b/bundles/org.openhab.ui/web/src/pages/settings/pages/plan/plan-edit.vue
index 4a1c83157f..1332b3e922 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/pages/plan/plan-edit.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/pages/plan/plan-edit.vue
@@ -39,8 +39,7 @@
               :parameterGroups="pageWidgetDefinition.props.parameterGroups || []"
               :parameters="pageWidgetDefinition.props.parameters || []"
               :configuration="page.config"
-              @updated="dirty = true"
-            />
+              @updated="dirty = true" />
 
             <f7-block-title class="padding-bottom">
               Markers
@@ -56,8 +55,7 @@
             <f7-list media-list class="markers-list">
               <f7-list-item media-item v-for="(marker, idx) in page.slots.default" :key="idx"
                             :title="marker.config.name" :subtitle="marker.config.item || marker.config.location"
-                            link="#" @click.native="(ev) => configureMarker(ev, marker, context)"
-              >
+                            link="#" @click.native="(ev) => configureMarker(ev, marker, context)">
                 <oh-icon v-if="marker.config.icon && marker.config.icon.indexOf('oh:') === 0" slot="media" :icon="marker.config.icon.substring(3)" height="32" width="32" />
                 <f7-icon v-else slot="media" :f7="markerDefaultIcon(marker)" :size="32" />
                 <f7-menu slot="content-start" class="configure-layout-menu">
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/pages/tabs/tabs-edit.vue b/bundles/org.openhab.ui/web/src/pages/settings/pages/tabs/tabs-edit.vue
index 059af1f76b..f35f25f822 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/pages/tabs/tabs-edit.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/pages/tabs/tabs-edit.vue
@@ -40,8 +40,7 @@
             <f7-list media-list class="tabs-list">
               <f7-list-item media-item v-for="(tab, idx) in page.slots.default" :key="idx"
                             :title="tab.config.title" :subtitle="tab.config.page"
-                            link="#" @click.native="(ev) => configureTab(ev, tab, context)"
-              >
+                            link="#" @click.native="(ev) => configureTab(ev, tab, context)">
                 <f7-icon slot="media" :ios="tab.config.icon" :md="tab.config.icon" :aurora="tab.config.icon" color="gray" :size="32" />
                 <f7-menu slot="content-start" class="configure-layout-menu">
                   <f7-menu-item icon-f7="list_bullet" dropdown>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/rules/rule-configure-module.vue b/bundles/org.openhab.ui/web/src/pages/settings/rules/rule-configure-module.vue
index c95fe116dd..6eccfcfa50 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/rules/rule-configure-module.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/rules/rule-configure-module.vue
@@ -10,11 +10,9 @@
       <f7-col>
         <f7-list inline-labels no-hairlines-md>
           <f7-list-input type="text" placeholder="Name" :value="rule.name"
-                         @input="rule.name = $event.target.value" clear-button
-          />
+                         @input="rule.name = $event.target.value" clear-button />
           <f7-list-input type="text" placeholder="Description" :value="rule.description"
-                         @input="rule.description = $event.target.value" clear-button
-          />
+                         @input="rule.description = $event.target.value" clear-button />
         </f7-list>
       </f7-col>
       <f7-col v-if="moduleTypes">
@@ -23,8 +21,7 @@
           <f7-list-item radio v-for="moduleType in moduleTypes[currentSection].filter((t) => t.visibility === 'VISIBLE')"
                         :value="moduleType.uid"
                         @change="currentModuleType = moduleTypes[currentSection].find((m) => m.uid === $event.target.value)"
-                        :key="moduleType.uid" :title="moduleType.label" name="module-type"
-          />
+                        :key="moduleType.uid" :title="moduleType.label" name="module-type" />
         </f7-list>
       </f7-col>
       <f7-col v-if="currentModuleType != null">
@@ -39,8 +36,7 @@
           :parameterGroups="[]"
           :parameters="currentModuleType.configDescriptions"
           :configuration="currentModuleConfig"
-          @updated="dirty = true"
-        />
+          @updated="dirty = true" />
       </f7-col>
     </f7-block>
   </f7-page>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/rules/rule-edit.vue b/bundles/org.openhab.ui/web/src/pages/settings/rules/rule-edit.vue
index 96af223220..e9882e7253 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/rules/rule-edit.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/rules/rule-edit.vue
@@ -28,8 +28,7 @@
             Status:
             <f7-chip class="margin-left"
                      :text="rule.status.status"
-                     :color="ruleStatusBadgeColor(rule.status)"
-            />
+                     :color="ruleStatusBadgeColor(rule.status)" />
             <div>
               <strong>{{ (rule.status.statusDetail !== 'NONE') ? rule.status.statusDetail : '&nbsp;' }}</strong>
               <br>
@@ -57,14 +56,11 @@
             <f7-list inline-labels no-hairlines-md>
               <f7-list-input label="Unique ID" type="text" placeholder="Required" value="_______" required validate
                              :disabled="true" :info="(createMode) ? 'Note: cannot be changed after the creation' : ''"
-                             @input="rule.uid = $event.target.value" :clear-button="createMode"
-              />
+                             @input="rule.uid = $event.target.value" :clear-button="createMode" />
               <f7-list-input label="Name" type="text" placeholder="Required" required validate
-                             :disabled="true" @input="rule.name = $event.target.value" :clear-button="isEditable"
-              />
+                             :disabled="true" @input="rule.name = $event.target.value" :clear-button="isEditable" />
               <f7-list-input label="Description" type="text" value="__ _____ ___ __ ___"
-                             :disabled="true" @input="rule.description = $event.target.value" :clear-button="isEditable"
-              />
+                             :disabled="true" @input="rule.description = $event.target.value" :clear-button="isEditable" />
             </f7-list>
           </f7-col>
         </f7-block>
@@ -75,14 +71,11 @@
               <f7-list-input label="Unique ID" type="text" placeholder="Required" :value="rule.uid" required validate
                              :disabled="!createMode" :info="(createMode) ? 'Note: cannot be changed after the creation' : ''"
                              pattern="[A-Za-z0-9_\-]+" error-message="Required. A-Z,a-z,0-9,_,- only"
-                             @input="rule.uid = $event.target.value" :clear-button="createMode"
-              />
+                             @input="rule.uid = $event.target.value" :clear-button="createMode" />
               <f7-list-input label="Name" type="text" placeholder="Required" :value="rule.name" required validate
-                             :disabled="!isEditable" @input="rule.name = $event.target.value" :clear-button="isEditable"
-              />
+                             :disabled="!isEditable" @input="rule.name = $event.target.value" :clear-button="isEditable" />
               <f7-list-input label="Description" type="text" :value="rule.description"
-                             :disabled="!isEditable" @input="rule.description = $event.target.value" :clear-button="isEditable"
-              />
+                             :disabled="!isEditable" @input="rule.description = $event.target.value" :clear-button="isEditable" />
             </f7-list>
           </f7-col>
 
@@ -92,8 +85,7 @@
           <f7-col v-if="isEditable" class="text-align-right justify-content-flex-end">
             <div class="no-padding float-right">
               <f7-button @click="toggleModuleControls" small outline :fill="showModuleControls" sortable-toggle=".sortable" style="margin-top: -3px; margin-right: 5px"
-                         color="gray" icon-size="12" icon-ios="material:wrap_text" icon-md="material:wrap_text" icon-aurora="material:wrap_text"
-              >
+                         color="gray" icon-size="12" icon-ios="material:wrap_text" icon-md="material:wrap_text" icon-aurora="material:wrap_text">
                 &nbsp;Reorder
               </f7-button>
             </div>
@@ -108,8 +100,7 @@
                             :footer="mod.description || suggestedModuleDescription(mod, null, section)"
                             v-for="mod in rule[section]" :key="mod.id"
                             :link="isEditable && !showModuleControls"
-                            @click.native="(ev) => editModule(ev, section, mod)" swipeout
-              >
+                            @click.native="(ev) => editModule(ev, section, mod)" swipeout>
                 <f7-link slot="media" v-if="isEditable" icon-color="red" icon-aurora="f7:minus_circle_filled" icon-ios="f7:minus_circle_filled" icon-md="material:remove_circle_outline" @click="showSwipeout" />
                 <f7-link slot="after" v-if="mod.type && mod.type.indexOf('script') === 0" icon-f7="pencil_ellipsis_rectangle" color="gray" @click.native="(ev) => editModule(ev, section, mod, true)" :tooltip="'Edit module'" />
                 <f7-link slot="after" v-if="mod.type === 'timer.GenericCronTrigger' && isEditable" icon-f7="pencil_ellipsis_rectangle" color="gray" @click.native="(ev) => editModule(ev, section, mod, true)" tooltip="Edit module" />
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/rules/rule-module-popup.vue b/bundles/org.openhab.ui/web/src/pages/settings/rules/rule-module-popup.vue
index ec8840e9ce..b3d23aa062 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/rules/rule-module-popup.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/rules/rule-module-popup.vue
@@ -21,11 +21,9 @@
         <f7-col class="margin-top">
           <f7-list inline-labels no-hairlines-md class="no-margin">
             <f7-list-input type="text" :placeholder="moduleTitleSuggestion" :value="ruleModule.label" required
-                           @input="ruleModule.label = $event.target.value" clear-button
-            />
+                           @input="ruleModule.label = $event.target.value" clear-button />
             <f7-list-input type="text" :placeholder="moduleDescriptionSuggestion" :value="ruleModule.description"
-                           @input="ruleModule.description = $event.target.value" clear-button
-            />
+                           @input="ruleModule.description = $event.target.value" clear-button />
           </f7-list>
         </f7-col>
         <!-- <f7-block-footer class="no-margin padding-left"><small>Tip: leave fields blank to set automatically to the suggested name and description. <f7-link @click="ruleModule.label = null; ruleModule.description = null">Clear</f7-link></small></f7-block-footer> -->
@@ -41,8 +39,7 @@
                             :value="moduleType.uid"
                             @change="setModuleType(moduleType)"
                             :checked="ruleModule.type === moduleType.uid"
-                            :key="moduleType.uid" :title="moduleType.label" name="module-type"
-              />
+                            :key="moduleType.uid" :title="moduleType.label" name="module-type" />
             </ul>
           </f7-list>
           <trigger-module-wizard v-else-if="!advancedTypePicker && currentSection === 'triggers'" :current-module="ruleModule" :current-module-type="currentRuleModuleType" @typeSelect="setModuleType" @showAdvanced="advancedTypePicker = true" />
@@ -52,12 +49,10 @@
         <f7-list v-if="ruleModule.type && (!ruleModule.new || advancedTypePicker)">
           <f7-list-item :title="sectionLabels[currentSection][0]" ref="ruleModuleTypeSmartSelect" smart-select :smart-select-params="{ view: $f7.views.main, openIn: 'popup', closeOnSelect: true }">
             <select name="ruleModuleType"
-                    @change="setModuleType(moduleTypes[currentSection].find((t) => t.uid === $refs.ruleModuleTypeSmartSelect.f7SmartSelect.getValue()), true)"
-            >
+                    @change="setModuleType(moduleTypes[currentSection].find((t) => t.uid === $refs.ruleModuleTypeSmartSelect.f7SmartSelect.getValue()), true)">
               <optgroup v-for="(mt, scope) in groupedModuleTypes(currentSection)" :key="scope" :label="scope">
                 <option v-for="moduleType in mt"
-                        :value="moduleType.uid" :key="moduleType.uid" :selected="currentRuleModuleType.uid === moduleType.uid"
-                >
+                        :value="moduleType.uid" :key="moduleType.uid" :selected="currentRuleModuleType.uid === moduleType.uid">
                   {{ moduleType.label }}
                 </option>
               </optgroup>
@@ -73,8 +68,7 @@
                         :parameterGroups="[]"
                         :parameters="currentRuleModuleType.configDescriptions"
                         :configuration="ruleModule.configuration"
-                        @updated="dirty = true"
-          />
+                        @updated="dirty = true" />
         </f7-col>
       </f7-block>
     </f7-page>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/rules/rules-list.vue b/bundles/org.openhab.ui/web/src/pages/settings/rules/rules-list.vue
index 671a0c8cb3..a64aa27709 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/rules/rules-list.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/rules/rules-list.vue
@@ -3,8 +3,7 @@
     <f7-navbar :title="(showScripts) ? 'Scripts' : 'Rules'" back-link="Settings" back-link-url="/settings/" back-link-force>
       <f7-nav-right>
         <f7-link icon-md="material:done_all" @click="toggleCheck()"
-                 :text="(!$theme.md) ? ((showCheckboxes) ? 'Done' : 'Select') : ''"
-        />
+                 :text="(!$theme.md) ? ((showCheckboxes) ? 'Done' : 'Select') : ''" />
       </f7-nav-right>
       <f7-subnavbar :inner="false" v-show="initSearchbar">
         <f7-searchbar
@@ -15,8 +14,7 @@
           search-container=".rules-list"
           search-item=".rulelist-item"
           search-in=".item-title, .item-subtitle, .item-header, .item-footer"
-          :disable-button="!$theme.aurora"
-        />
+          :disable-button="!$theme.aurora" />
       </f7-subnavbar>
     </f7-navbar>
     <f7-toolbar class="contextual-toolbar" :class="{ 'navbar': $theme.md }" v-if="showCheckboxes" bottom-ios bottom-aurora>
@@ -46,8 +44,7 @@
       v-show="!$device.desktop"
       :listEl="$refs.rulesList ? $$($refs.rulesList.$el) : undefined"
       :scroll-list="true"
-      :label="true"
-    />
+      :label="true" />
 
     <f7-list class="searchbar-not-found">
       <f7-list-item title="Nothing found" />
@@ -69,8 +66,7 @@
               title="Title of the rule"
               subtitle="Tags, Schedule, Scene..."
               after="status badge"
-              footer="Description of the rule"
-            />
+              footer="Description of the rule" />
           </f7-list-group>
         </f7-list>
       </f7-col>
@@ -85,8 +81,7 @@
           v-show="rules.length > 0"
           class="searchbar-found col rules-list"
           ref="rulesList"
-          media-list contacts-list
-        >
+          media-list contacts-list>
           <f7-list-group v-for="(rulesWithInitial, initial) in indexedRules" :key="initial">
             <f7-list-item v-if="rulesWithInitial.length" :title="initial" group-title />
             <f7-list-item
@@ -103,8 +98,7 @@
               :text="rule.uid"
               :footer="rule.description"
               :badge="ruleStatusBadgeText(rule.status)"
-              :badge-color="ruleStatusBadgeColor(rule.status)"
-            >
+              :badge-color="ruleStatusBadgeColor(rule.status)">
               <div slot="footer">
                 <f7-chip v-for="tag in rule.tags.filter((t) => t !== 'Script')" :key="tag" :text="tag" media-bg-color="blue" style="margin-right: 6px">
                   <f7-icon slot="media" ios="f7:tag_fill" md="material:label" aurora="f7:tag_fill" />
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/rules/script/script-edit.vue b/bundles/org.openhab.ui/web/src/pages/settings/rules/script/script-edit.vue
index 7954a022e5..3a6794496e 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/rules/script/script-edit.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/rules/script/script-edit.vue
@@ -24,14 +24,12 @@
         <f7-chip class="margin-right"
                  :text="ruleStatusBadgeText(rule.status)"
                  :color="ruleStatusBadgeColor(rule.status)"
-                 :tooltip="rule.status.description"
-        />
+                 :tooltip="rule.status.description" />
         <f7-link v-if="isScriptRule" class="right details-link padding-right" ref="detailsLink" @click="detailsOpened = true" icon-f7="chevron_up" />
       </span>
     </f7-toolbar>
     <f7-icon v-if="ready && !newScript && (!isBlockly && !isEditable) || (blocklyCodePreview && isBlockly)" f7="lock" class="float-right margin" style="opacity:0.5; z-index: 4000; user-select: none;" size="50" color="gray"
-             :tooltip="(isBlockly) ? 'Cannot edit the code generated by Blockly' : 'This rule is not editable because it has been provisioned from a file'"
-    />
+             :tooltip="(isBlockly) ? 'Cannot edit the code generated by Blockly' : 'This rule is not editable because it has been provisioned from a file'" />
     <editor v-if="ready && !newScript && (!isBlockly || blocklyCodePreview)" class="rule-script-editor" :mode="mode" :value="script" @input="onEditorInput" :read-only="isBlockly || !isEditable" :tern-autocompletion-hook="true" />
     <blockly-editor ref="blocklyEditor" v-else-if="ready && !newScript && isBlockly" :blocks="currentModule.configuration.blockSource" @change="dirty = true" />
     <script-general-settings v-else-if="createMode" :createMode="true" :rule="rule" />
@@ -45,8 +43,7 @@
                         title="Design with Blockly"
                         footer="A beginner-friendly way to build scripts visually by assembling blocks"
                         :value="'application/javascript+blockly'" :checked="mode === 'application/javascript+blockly'"
-                        @change="mode = 'application/javascript+blockly'"
-          >
+                        @change="mode = 'application/javascript+blockly'">
             <img src="res/img/blockly.svg" height="32" width="32" slot="media">
           </f7-list-item>
         </f7-list>
@@ -57,8 +54,7 @@
           <f7-list-item media-item radio radio-icon="start"
                         :value="mode" :checked="mode === language.contentType" @change="mode = language.contentType"
                         v-for="language in languages" :key="language.contentType"
-                        :title="language.name" :after="language.version" :footer="language.contentType"
-          />
+                        :title="language.name" :after="language.version" :footer="language.contentType" />
         </f7-list>
       </f7-col>
     </f7-block>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/rules/script/script-general-settings.vue b/bundles/org.openhab.ui/web/src/pages/settings/rules/script/script-general-settings.vue
index 10f2464a30..a4af69ada4 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/rules/script/script-general-settings.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/rules/script/script-general-settings.vue
@@ -5,14 +5,11 @@
         <f7-list-input label="Unique ID" type="text" placeholder="Required" :value="rule.uid" required validate
                        :disabled="!createMode" :info="(createMode) ? 'Note: cannot be changed after the creation' : ''"
                        pattern="[A-Za-z0-9_\-]+" error-message="Required. A-Z,a-z,0-9,_,- only"
-                       @input="rule.uid = $event.target.value" :clear-button="createMode"
-        />
+                       @input="rule.uid = $event.target.value" :clear-button="createMode" />
         <f7-list-input label="Name" type="text" placeholder="Required" :value="rule.name" required validate
-                       @input="rule.name = $event.target.value" clear-button
-        />
+                       @input="rule.name = $event.target.value" clear-button />
         <f7-list-input label="Description" type="text" :value="rule.description"
-                       @input="rule.description = $event.target.value" clear-button
-        />
+                       @input="rule.description = $event.target.value" clear-button />
       </f7-list>
     </f7-col>
   </f7-block>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/schedule/schedule.vue b/bundles/org.openhab.ui/web/src/pages/settings/schedule/schedule.vue
index ab1b75a8cc..9ea22a7bed 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/schedule/schedule.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/schedule/schedule.vue
@@ -3,8 +3,7 @@
     <f7-navbar title="Schedule" back-link="Settings" back-link-url="/settings/" back-link-force>
       <f7-nav-right>
         <f7-link icon-md="material:done_all" @click="toggleCheck()"
-                 :text="(!$theme.md) ? ((showCheckboxes) ? 'Done' : 'Select') : ''"
-        />
+                 :text="(!$theme.md) ? ((showCheckboxes) ? 'Done' : 'Select') : ''" />
       </f7-nav-right>
       <f7-subnavbar :inner="false" v-show="initSearchbar">
         <f7-searchbar
@@ -14,8 +13,7 @@
           search-container=".timeline"
           search-item=".timeline-item-inner"
           search-in=".timeline-item-title"
-          :disable-button="!$theme.aurora"
-        />
+          :disable-button="!$theme.aurora" />
       </f7-subnavbar>
     </f7-navbar>
     <f7-toolbar class="contextual-toolbar" :class="{ 'navbar': $theme.md }" v-if="showCheckboxes" bottom-ios bottom-aurora>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/services/service-settings.vue b/bundles/org.openhab.ui/web/src/pages/settings/services/service-settings.vue
index ff6f473984..c55835ebda 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/services/service-settings.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/services/service-settings.vue
@@ -14,8 +14,7 @@
           :parameter-groups="configDescriptions.parameterGroups"
           :parameters="configDescriptions.parameters"
           :configuration="config"
-          :set-empty-config-as-null="true"
-        />
+          :set-empty-config-as-null="true" />
       </f7-col>
     </f7-block>
   </f7-page>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/settings-menu.vue b/bundles/org.openhab.ui/web/src/pages/settings/settings-menu.vue
index e6cae853cf..d3ccbae26f 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/settings-menu.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/settings-menu.vue
@@ -7,16 +7,14 @@
           data-searchbar=".searchbar-demo"
           icon-ios="f7:search_strong"
           icon-aurora="f7:search_strong"
-          icon-md="material:search"
-        />
+          icon-md="material:search" />
       </f7-nav-right>
       <f7-searchbar
         class="searchbar-demo"
         expandable
         search-container=".search-list"
         search-in=".item-title"
-        :disable-button="!$theme.aurora"
-      />
+        :disable-button="!$theme.aurora" />
     </f7-navbar>
     <f7-block class="block-narrow after-big-title settings-menu" v-show="addonsLoaded && servicesLoaded">
       <f7-row>
@@ -31,8 +29,7 @@
               :badge="(inboxCount > 0) ? inboxCount : undefined"
               :after="(inboxCount > 0) ? undefined : thingsCount"
               :badge-color="inboxCount ? 'red' : 'blue'"
-              :footer="objectsSubtitles.things"
-            >
+              :footer="objectsSubtitles.things">
               <f7-icon slot="media" f7="lightbulb" color="gray" />
             </f7-list-item>
             <f7-list-item
@@ -41,8 +38,7 @@
               link="model/"
               title="Model"
               badge-color="blue"
-              :footer="objectsSubtitles.model"
-            >
+              :footer="objectsSubtitles.model">
               <f7-icon slot="media" f7="list_bullet_indent" color="gray" />
             </f7-list-item>
             <f7-list-item
@@ -52,8 +48,7 @@
               title="Items"
               :after="itemsCount"
               badge-color="blue"
-              :footer="objectsSubtitles.items"
-            >
+              :footer="objectsSubtitles.items">
               <f7-icon slot="media" f7="square_on_circle" color="gray" />
             </f7-list-item>
             <f7-list-item
@@ -62,8 +57,7 @@
               title="Pages"
               :after="$store.getters.pages.length + sitemapsCount"
               badge-color="blue"
-              :footer="objectsSubtitles.pages"
-            >
+              :footer="objectsSubtitles.pages">
               <f7-icon slot="media" f7="tv" color="gray" />
             </f7-list-item>
           </f7-list>
@@ -76,8 +70,7 @@
               link="rules/"
               title="Rules"
               badge-color="blue"
-              :footer="objectsSubtitles.rules"
-            >
+              :footer="objectsSubtitles.rules">
               <f7-icon slot="media" f7="wand_stars" color="gray" />
             </f7-list-item>
             <f7-list-item
@@ -85,8 +78,7 @@
               link="scripts/"
               title="Scripts"
               badge-color="blue"
-              :footer="objectsSubtitles.scripts"
-            >
+              :footer="objectsSubtitles.scripts">
               <f7-icon slot="media" f7="doc_plaintext" color="gray" />
             </f7-list-item>
             <f7-list-item
@@ -94,8 +86,7 @@
               link="schedule/"
               title="Schedule"
               badge-color="blue"
-              :footer="objectsSubtitles.schedule"
-            >
+              :footer="objectsSubtitles.schedule">
               <f7-icon slot="media" f7="calendar" color="gray" />
             </f7-list-item>
           </f7-list>
@@ -103,16 +94,14 @@
             Add-ons
           </f7-block-title>
           <f7-list media-list class="search-list"
-                   v-if="$store.getters.apiEndpoint('addons')"
-          >
+                   v-if="$store.getters.apiEndpoint('addons')">
             <f7-list-item
               media-item
               v-for="type in addonTypes"
               :key="type.id"
               :link="'addons/' + type.id"
               :title="type.label"
-              :footer="addonsSubtitles[type.id]"
-            >
+              :footer="addonsSubtitles[type.id]">
               <f7-icon slot="media" :f7="addonsIcons[type.id]" color="gray" />
             </f7-list-item>
           </f7-list>
@@ -124,8 +113,7 @@
               v-for="service in systemServices"
               :key="service.id"
               :link="'services/' + service.id"
-              :title="service.label"
-            />
+              :title="service.label" />
           </f7-list>
           <f7-block-title>Other Services</f7-block-title>
           <f7-list class="search-list">
@@ -133,8 +121,7 @@
               v-for="service in otherServices"
               :key="service.id"
               :link="'services/' + service.id"
-              :title="service.label"
-            />
+              :title="service.label" />
           </f7-list>
         </f7-col>
       </f7-row>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/things/add/choose-binding.vue b/bundles/org.openhab.ui/web/src/pages/settings/things/add/choose-binding.vue
index 66719d4306..78eb977952 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/things/add/choose-binding.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/things/add/choose-binding.vue
@@ -9,8 +9,7 @@
           :init="initSearchbar"
           search-container=".binding-list"
           search-in=".item-title, .item-header, .item-footer"
-          :disable-button="!$theme.aurora"
-        />
+          :disable-button="!$theme.aurora" />
       </f7-subnavbar>
     </f7-navbar>
 
@@ -27,8 +26,7 @@
               :class="`skeleton-text skeleton-effect-blink`"
               title="Label of the binding"
               header="BindingID"
-              footer="This contains the description of the binding"
-            />
+              footer="This contains the description of the binding" />
           </f7-list-group>
         </f7-list>
         <f7-list v-else class="col">
@@ -42,8 +40,7 @@
             :badge="inbox.filter((e) => e.thingTypeUID.split(':')[0] === binding.id && e.flag !== 'IGNORED').length || undefined"
             badge-color="red"
             :footer="(binding.description && binding.description.indexOf('<br>') >= 0) ?
-              binding.description.split('<br>')[0] : binding.description"
-          >
+              binding.description.split('<br>')[0] : binding.description">
             <f7-link slot="after" v-if="binding.configDescriptionURI" :href="`/settings/addons/bindings/${binding.id}/config`" class="margin-left" icon-size="20" icon-f7="gear_alt" color="gray" tooltip="Configure Binding" />
           </f7-list-item>
         </f7-list>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/things/add/choose-thing-type.vue b/bundles/org.openhab.ui/web/src/pages/settings/things/add/choose-thing-type.vue
index 52118d85bd..51a982d836 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/things/add/choose-thing-type.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/things/add/choose-thing-type.vue
@@ -10,8 +10,7 @@
           search-container=".thing-type-list"
           search-item=".media-item"
           search-in=".item-title, .item-header, .item-footer"
-          :disable-button="!$theme.aurora"
-        />
+          :disable-button="!$theme.aurora" />
       </f7-subnavbar>
     </f7-navbar>
     <f7-block class="block-narrow">
@@ -35,8 +34,7 @@
                         media-item
                         :title="entry.label"
                         :subtitle="entry.representationProperty ? entry.properties[entry.representationProperty] : ''"
-                        :footer="entry.thingUID"
-          />
+                        :footer="entry.thingUID" />
           <f7-list-button v-show="scanResults.length > 1" title="Add All" @click="approveAll" color="blue" />
         </f7-list>
 
@@ -50,8 +48,7 @@
               title="Label of the thing type"
               footer="This contains the description of the thing type"
               header="thingTypeUID"
-              media-item
-            />
+              media-item />
           </ul>
           <ul v-else>
             <f7-list-item v-for="thingType in thingTypes"
@@ -61,8 +58,7 @@
                           :footer="thingType.description"
                           :header="thingType.UID"
                           :badge="thingType.bridge ? 'Bridge' : ''" badge-color="blue"
-                          media-item
-            />
+                          media-item />
           </ul>
         </f7-list>
       </f7-col>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/things/add/thing-add.vue b/bundles/org.openhab.ui/web/src/pages/settings/things/add/thing-add.vue
index d25663bff7..bff1156248 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/things/add/thing-add.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/things/add/thing-add.vue
@@ -33,8 +33,7 @@
       <config-sheet ref="parameters"
                     :parameter-groups="thingType.parameterGroups"
                     :parameters="thingType.configParameters"
-                    :configuration="thing.configuration"
-      />
+                    :configuration="thing.configuration" />
     </f7-block>
 
     <div v-if="ready" class="if-aurora display-flex justify-content-center margin">
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/things/channel/channel-add.vue b/bundles/org.openhab.ui/web/src/pages/settings/things/channel/channel-add.vue
index 9968857d80..b38ce603fd 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/things/channel/channel-add.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/things/channel/channel-add.vue
@@ -13,11 +13,9 @@
         <f7-list inline-labels no-hairlines-md>
           <f7-list-input type="text" placeholder="Channel Identifier" :value="channel.id"
                          @input="channel.id = $event.target.value" clear-button
-                         required validate pattern="[A-Za-z0-9_\-]+" error-message="Required. A-Z,a-z,0-9,_,- only"
-          />
+                         required validate pattern="[A-Za-z0-9_\-]+" error-message="Required. A-Z,a-z,0-9,_,- only" />
           <f7-list-input type="text" placeholder="Label" :value="channel.label"
-                         @input="channel.label = $event.target.value" clear-button
-          />
+                         @input="channel.label = $event.target.value" clear-button />
         </f7-list>
       </f7-col>
       <f7-col>
@@ -30,8 +28,7 @@
           <f7-list-item radio v-for="channelType in channelTypes"
                         :value="channelType.UID"
                         @change="currentChannelType = channelTypes.find((m) => m.UID === $event.target.value)"
-                        :key="channelType.UID" :title="channelType.label" :footer="channelType.description" name="channel-type"
-          />
+                        :key="channelType.UID" :title="channelType.label" :footer="channelType.description" name="channel-type" />
         </f7-list>
       </f7-col>
       <f7-col v-if="currentChannelType != null">
@@ -39,8 +36,7 @@
         <config-sheet
           :parameter-groups="currentChannelType.parameterGroups"
           :parameters="currentChannelType.parameters"
-          :configuration="config"
-        />
+          :configuration="config" />
       </f7-col>
     </f7-block>
 
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/things/channel/channel-edit.vue b/bundles/org.openhab.ui/web/src/pages/settings/things/channel/channel-edit.vue
index 508ee6c9ea..6cd99233b0 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/things/channel/channel-edit.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/things/channel/channel-edit.vue
@@ -15,8 +15,7 @@
           <f7-list-item media-item class="channel-item"
                         :title="channel.label"
                         :footer="channel.description"
-                        :subtitle="channel.uid"
-          />
+                        :subtitle="channel.uid" />
         </f7-list>
       </f7-col>
       <f7-col v-if="channelType != null">
@@ -31,8 +30,7 @@
         <config-sheet
           :parameter-groups="configDescription.parameterGroups"
           :parameters="configDescription.parameters"
-          :configuration="config"
-        />
+          :configuration="config" />
       </f7-col>
     </f7-block>
   </f7-page>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/things/inbox/inbox-list.vue b/bundles/org.openhab.ui/web/src/pages/settings/things/inbox/inbox-list.vue
index cc6ac8b43e..eb7eb2da59 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/things/inbox/inbox-list.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/things/inbox/inbox-list.vue
@@ -3,8 +3,7 @@
     <f7-navbar title="Inbox" back-link="Things" back-link-url="/settings/things/" back-link-force>
       <f7-nav-right>
         <f7-link icon-md="material:done_all" @click="toggleCheck()"
-                 :text="(!$theme.md) ? ((showCheckboxes) ? 'Done' : 'Select') : ''"
-        />
+                 :text="(!$theme.md) ? ((showCheckboxes) ? 'Done' : 'Select') : ''" />
       </f7-nav-right>
       <f7-subnavbar :inner="false" v-show="initSearchbar">
         <f7-searchbar
@@ -14,8 +13,7 @@
           :init="initSearchbar"
           search-container=".contacts-list"
           search-in=".item-inner"
-          :disable-button="!$theme.aurora"
-        />
+          :disable-button="!$theme.aurora" />
       </f7-subnavbar>
     </f7-navbar>
     <f7-toolbar class="contextual-toolbar" :class="{ 'navbar': $theme.md }" v-if="showCheckboxes" bottom-ios bottom-aurora>
@@ -44,8 +42,7 @@
       v-show="groupBy === 'alphabetical' && !$device.desktop"
       list-el=".inbox-list"
       :scroll-list="true"
-      :label="true"
-    />
+      :label="true" />
 
     <f7-block class="block-narrow">
       <f7-col>
@@ -74,8 +71,7 @@
               :class="`skeleton-text skeleton-effect-blink`"
               title="Label of the thing"
               subtitle="This contains the inbox UID"
-              footer="binding:thingUID"
-            />
+              footer="binding:thingUID" />
           </f7-list-group>
         </f7-list>
         <f7-list v-else class="searchbar-found col" :contacts-list="groupBy === 'alphabetical'">
@@ -93,9 +89,8 @@
                           :title="entry.label"
                           :subtitle="entry.representationProperty ? entry.properties[entry.representationProperty] : ''"
                           :footer="entry.thingUID"
-                          :badge="(entry.flag === 'IGNORED') ? 'IGNORED' : ''"
-            >
-              <!-- <f7-button icon-f7="add_round" color="blue" slot="after"></f7-button>
+                          :badge="(entry.flag === 'IGNORED') ? 'IGNORED' : ''">
+                          <!-- <f7-button icon-f7="add_round" color="blue" slot="after"></f7-button>
               <f7-button icon-f7="eye_off" color="blue" slot="after"></f7-button>
               <f7-button icon-f7="trash" color="blue" slot="after"></f7-button> -->
             </f7-list-item>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/things/link/link-add.vue b/bundles/org.openhab.ui/web/src/pages/settings/things/link/link-add.vue
index 61a8cf8a80..4c38ced5ee 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/things/link/link-add.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/things/link/link-add.vue
@@ -15,8 +15,7 @@
           <f7-list-item media-item class="channel-item"
                         :title="channel.label || channelType.label"
                         :footer="channel.description || channelType.description"
-                        :subtitle="channel.uid"
-          />
+                        :subtitle="channel.uid" />
         </f7-list>
       </f7-col>
 
@@ -34,8 +33,7 @@
         <f7-list>
           <!-- TODO: filter with compatible item types -->
           <item-picker key="itemLink" title="Item to Link" name="item" :value="selectedItemName" :multiple="false"
-                       @input="(value) => selectedItemName = value"
-          />
+                       @input="(value) => selectedItemName = value" />
         </f7-list>
       </f7-col>
 
@@ -63,8 +61,7 @@
           <f7-block-title>Channel</f7-block-title>
           <channel-list :thing="selectedThing" :thingType="selectedThingType"
                         :picker-mode="true" :item-type-filter="item.type" :channel-types="selectedThingChannelTypes"
-                        @selected="(channel) => loadProfileTypes(channel)"
-          />
+                        @selected="(channel) => loadProfileTypes(channel)" />
         </div>
       </f7-col>
 
@@ -91,8 +88,7 @@
           <f7-list-item radio v-for="profileType in profileTypes"
                         :value="profileType.uid"
                         @change="onProfileTypeChange(profileType.uid)"
-                        :key="profileType.uid" :title="profileType.label" name="profile-type"
-          />
+                        :key="profileType.uid" :title="profileType.label" name="profile-type" />
         </f7-list>
       </f7-col>
       <f7-col v-if="profileTypeConfiguration != null">
@@ -100,8 +96,7 @@
         <config-sheet ref="profileConfiguration"
                       :parameter-groups="profileTypeConfiguration.parameterGroups"
                       :parameters="profileTypeConfiguration.parameters"
-                      :configuration="configuration"
-        />
+                      :configuration="configuration" />
       </f7-col>
     </f7-block>
 
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/things/link/link-edit.vue b/bundles/org.openhab.ui/web/src/pages/settings/things/link/link-edit.vue
index 6509ddd4e0..d637465f60 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/things/link/link-edit.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/things/link/link-edit.vue
@@ -25,8 +25,7 @@
                               :footer="channel.uid"
                               :subtitle="thing.label"
                               :badge="thingStatusBadgeText(thing.statusInfo)"
-                              :badge-color="thingStatusBadgeColor(thing.statusInfo)"
-                >
+                              :badge-color="thingStatusBadgeColor(thing.statusInfo)">
                   <span slot="media" class="item-initial">{{ (channel.label) ? channel.label[0] : (channelType.label) ? channelType.label[0] : '?' }}</span>
                 </f7-list-item>
                 <f7-list-item divider title="Item" />
@@ -60,8 +59,7 @@
             <f7-list-item radio v-for="profileType in profileTypes"
                           :checked="currentProfileType && profileType.uid === currentProfileType.uid"
                           @change="onProfileTypeChange(profileType.uid)"
-                          :key="profileType.uid" :title="profileType.label" name="profile-type"
-            />
+                          :key="profileType.uid" :title="profileType.label" name="profile-type" />
           </f7-list>
         </f7-block-footer>
       </f7-col>
@@ -70,8 +68,7 @@
         <config-sheet ref="profileConfiguration"
                       :parameter-groups="profileTypeConfiguration.parameterGroups"
                       :parameters="profileTypeConfiguration.parameters"
-                      :configuration="link.configuration"
-        />
+                      :configuration="link.configuration" />
       </f7-col>
     </f7-block>
   </f7-page>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/things/thing-details.vue b/bundles/org.openhab.ui/web/src/pages/settings/things/thing-details.vue
index 977937c61e..60ad5a364a 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/things/thing-details.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/things/thing-details.vue
@@ -30,8 +30,7 @@
             Status:
             <f7-chip class="margin-left"
                      :text="thing.statusInfo.status"
-                     :color="thingStatusBadgeColor(thing.statusInfo)"
-            />
+                     :color="thingStatusBadgeColor(thing.statusInfo)" />
             <div>
               <strong>{{ (thing.statusInfo.statusDetail !== 'NONE') ? thing.statusInfo.statusDetail : '&nbsp;' }}</strong>
               <br>
@@ -76,8 +75,7 @@
                       v-for="(value, key) in thing.properties"
                       :key="key"
                       :title="key"
-                      :after="value"
-                    />
+                      :after="value" />
                   </f7-list>
                 </f7-accordion-content>
               </f7-list-item>
@@ -93,8 +91,7 @@
                           :status="configStatusInfo"
                           :set-empty-config-as-null="true"
                           :read-only="thing.editable === false"
-                          @updated="configDirty = true"
-            />
+                          @updated="configDirty = true" />
           </f7-col>
         </f7-block>
         <!-- skeletons for not ready -->
@@ -133,8 +130,7 @@
       <f7-tab id="channels" disabled="!thingType.channels" :tab-active="currentTab === 'channels'">
         <f7-block v-if="currentTab === 'channels'" class="block-narrow">
           <channel-list :thingType="thingType" :thing="thing" :channelTypes="channelTypes"
-                        @channels-updated="onChannelsUpdated" :context="context"
-          />
+                        @channels-updated="onChannelsUpdated" :context="context" />
           <f7-col v-if="isExtensible || thing.channels.length > 0">
             <f7-list>
               <f7-list-button class="searchbar-ignore" color="blue" title="Add Channel" v-if="isExtensible && thing.editable" @click="addChannel()" />
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/things/things-list.vue b/bundles/org.openhab.ui/web/src/pages/settings/things/things-list.vue
index f3e45ac39d..bdb7612470 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/things/things-list.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/things/things-list.vue
@@ -3,8 +3,7 @@
     <f7-navbar title="Things" back-link="Settings" back-link-url="/settings/" back-link-force>
       <f7-nav-right>
         <f7-link icon-md="material:done_all" @click="toggleCheck()"
-                 :text="(!$theme.md) ? ((showCheckboxes) ? 'Done' : 'Select') : ''"
-        />
+                 :text="(!$theme.md) ? ((showCheckboxes) ? 'Done' : 'Select') : ''" />
       </f7-nav-right>
       <f7-subnavbar :inner="false" v-show="initSearchbar">
         <f7-searchbar
@@ -14,8 +13,7 @@
           :init="initSearchbar"
           search-container=".contacts-list"
           search-in=".item-inner"
-          :disable-button="!$theme.aurora"
-        />
+          :disable-button="!$theme.aurora" />
       </f7-subnavbar>
     </f7-navbar>
     <f7-toolbar class="contextual-toolbar" :class="{ 'navbar': $theme.md }" v-if="showCheckboxes" bottom-ios bottom-aurora>
@@ -44,8 +42,7 @@
       v-show="groupBy === 'alphabetical' && !$device.desktop"
       list-el=".things-list"
       :scroll-list="true"
-      :label="true"
-    />
+      :label="true" />
 
     <f7-list class="searchbar-not-found">
       <f7-list-item title="Nothing found" />
@@ -74,8 +71,7 @@
               :class="`skeleton-text skeleton-effect-blink`"
               title="Label of the thing"
               subtitle="This contains the thing UID"
-              after="status badge"
-            />
+              after="status badge" />
           </f7-list-group>
         </f7-list>
         <f7-list v-else class="searchbar-found col things-list" :contacts-list="groupBy === 'alphabetical'">
@@ -92,8 +88,7 @@
               @click.exact="(e) => click(e, thing)"
               link=""
               :title="thing.label || thing.UID"
-              :footer="thing.UID"
-            >
+              :footer="thing.UID">
               <f7-badge slot="after" :color="thingStatusBadgeColor(thing.statusInfo)" :tooltip="thing.statusInfo.description">
                 {{ thingStatusBadgeText(thing.statusInfo) }}
               </f7-badge>
diff --git a/bundles/org.openhab.ui/web/src/pages/wizards/setup-wizard.vue b/bundles/org.openhab.ui/web/src/pages/wizards/setup-wizard.vue
index b8d350d4a0..8842e08778 100644
--- a/bundles/org.openhab.ui/web/src/pages/wizards/setup-wizard.vue
+++ b/bundles/org.openhab.ui/web/src/pages/wizards/setup-wizard.vue
@@ -9,16 +9,14 @@
           <f7-list-item
             :title="$t('setupwizard.language')"
             smart-select
-            :smart-select-params="{openIn: 'popup', searchbar: true, closeOnSelect: true}"
-          >
+            :smart-select-params="{openIn: 'popup', searchbar: true, closeOnSelect: true}">
             <select name="language" @change="(evt) => language = evt.target.value">
               <option value="" :selected="!language" />
               <option
                 v-for="option in availableLanguages"
                 :key="option.value"
                 :value="option.value"
-                :selected="language === option.value"
-              >
+                :selected="language === option.value">
                 {{ option.label }}
               </option>
             </select>
@@ -26,16 +24,14 @@
           <f7-list-item
             :title="$t('setupwizard.region')"
             smart-select
-            :smart-select-params="{openIn: 'popup', searchbar: true, closeOnSelect: true}"
-          >
+            :smart-select-params="{openIn: 'popup', searchbar: true, closeOnSelect: true}">
             <select name="region" @change="(evt) => region = evt.target.value">
               <option value="" :selected="!region" />
               <option
                 v-for="option in availableRegions"
                 :key="option.value"
                 :value="option.value"
-                :selected="region === option.value"
-              >
+                :selected="region === option.value">
                 {{ option.label }}
               </option>
             </select>
@@ -43,16 +39,14 @@
           <f7-list-item
             :title="$t('setupwizard.timezone')"
             smart-select
-            :smart-select-params="{openIn: 'popup', searchbar: true, virtualList: true, closeOnSelect: true, virtualListHeight: ($theme.aurora) ? 32 : undefined }"
-          >
+            :smart-select-params="{openIn: 'popup', searchbar: true, virtualList: true, closeOnSelect: true, virtualListHeight: ($theme.aurora) ? 32 : undefined }">
             <select name="timezone" @change="(evt) => timezone = evt.target.value">
               <option value="" />
               <option
                 v-for="option in availableTimezones"
                 :key="option.value"
                 :value="option.value"
-                :selected="timezone === option.value"
-              >
+                :selected="timezone === option.value">
                 {{ option.label }}
               </option>
             </select>
@@ -74,8 +68,7 @@
             icon-md="material:arrow_back"
             tab-link="#intro"
             color="blue"
-            tab-link-active
-          />
+            tab-link-active />
           <f7-login-screen-title>
             <div class="padding">
               <f7-icon size="48" color="blue" f7="map_pin_ellipse" />
@@ -115,8 +108,7 @@
             icon-md="material:arrow_back"
             tab-link="#location"
             color="blue"
-            tab-link-active
-          />
+            tab-link-active />
           <f7-login-screen-title>
             <div class="padding">
               <f7-icon size="48" color="blue" f7="bag_badge_plus" />
@@ -136,8 +128,7 @@
           </f7-row>
           <f7-list class="search-list searchbar-found" ref="selectAddons" media-list v-show="!installingAddons">
             <f7-list-item media-item v-for="addon in selectedAddons" :key="addon.id"
-                          :header="addon.id" :title="addon.label" :footer="addon.version"
-            >
+                          :header="addon.id" :title="addon.label" :footer="addon.version">
               <f7-link slot="after" v-if="addon.link" icon-f7="doc_text_search" :external="true" color="gray" target="_blank" :href="addon.link" />
             </f7-list-item>
           </f7-list>
@@ -160,8 +151,7 @@
             tab-link="#intro"
             color="blue"
             tab-link-active
-            style="visibility: hidden"
-          />
+            style="visibility: hidden" />
           <f7-login-screen-title class="text-color-gray">
             {{ $t('setupwizard.addons.pleaseWait') }}
           </f7-login-screen-title>