Item edit: Fix missing semantic config breaks view (#3271)

Regression from #3178.

Signed-off-by: Florian Hotze <dev@florianhotze.com>

Author: florian-h05

bundles/org.openhab.ui/web/src/pages/developer/developer-tools.vue

@@ -15,7 +15,7 @@
     </f7-toolbar>
 
     <f7-tabs>
-      <f7-tab id="menu-tab" @ tab:show="() => this.currentTab = 'menu'" :tab-active="currentTab === 'menu'">
+      <f7-tab id="menu-tab" tab:show="() => this.currentTab = 'menu'" :tab-active="currentTab === 'menu'">
         <f7-block class="block-narrow after-big-title settings-menu">
           <f7-row>
             <f7-col width="100" medium="50">

bundles/org.openhab.ui/web/src/pages/settings/items/item-details.vue

@@ -209,6 +209,11 @@ export default {
       if (propertyArray.length > 1) return propertyArray.slice(1).join('->')
       return propertyArray[0]
     },
+    /**
+     * Returns the semantic attributes of the item, i.e. "Point Of" - "X", "In Location" - "Y", "Part Of" - "Z".
+     *
+     * @return {{}|null}
+     */
     semanticAttributes () {
       const config = this.item?.metadata?.semantics?.config
       if (!config) return null
@@ -224,7 +229,9 @@ export default {
       return attributes
     },
     nonSemanticGroupNames () {
-      return this.item.groupNames.filter((g) => !Object.values(this.semanticAttributes).includes(g))
+      if (this.semanticAttributes === null) return this.item?.groupNames ?? []
+      const semanticGroupNames = Object.values(this.semanticAttributes)
+      return this.item?.groupNames?.filter((g) => !semanticGroupNames.includes(g)) ?? []
     },
     nonSemanticTags () {
       return this.item?.tags?.filter((tag) => tag !== this.semanticTag(this.semanticValue) && tag !== this.semanticTag(this.semanticProperty))