fix: node error (#238)

shopware · Jun 6, 2023 · 0a44331 · 0a44331 · vercel · Jun 6, 2023
1 parent c7c5fa7
commit 0a44331
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 12 deletions.
diff --git a/.changeset/lovely-pots-begin.md b/.changeset/lovely-pots-begin.md
@@ -0,0 +1,5 @@
+---
+"vue-demo-store": patch
+---
+
+Remove ref from the menu element (temporary)
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/templates/vue-demo-store/components/layout/LayoutTopNavigation.vue b/templates/vue-demo-store/components/layout/LayoutTopNavigation.vue
@@ -16,10 +16,14 @@ onClickOutside(menuHtmlElement, () => (currentMenuPosition.value = null));
 <template>
   <!-- eslint-disable vue/no-v-html -->
   <nav class="hidden lg:flex space-x-4 items-center">
+    <!--  
+       ref="menuHtmlElement" was removed because of nuxt/vue bug
+       https://github.com/nuxt/nuxt/issues/13309
+
+    -->
     <div
       v-for="navigationElement in navigationElements"
       :key="navigationElement.id"
-      ref="menuHtmlElement"
       class="relative hover:bg-gray-50 hover:rounded-lg"
       @mouseover="currentMenuPosition = navigationElement.id"
     >