Update LayoutNavItem.vue

Author: w3bdesign

components/Layout/LayoutNavItem.vue

@@ -1,24 +1,24 @@
 <template>
-  <li
-    class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4"
-  >
-    <NuxtLink :to="to">
-      <span class="text-xl text-white no-underline lg:text-black">
-        {{ label }}
-      </span>
-    </NuxtLink>
-  </li>
+    <ul>
+        <li class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4">
+            <NuxtLink :to="to">
+                <span class="text-xl text-white no-underline lg:text-black">
+                    {{ label }}
+                </span>
+            </NuxtLink>
+        </li>
+    </ul>
 </template>
 
 <script setup>
 const props = defineProps({
-  to: {
-    type: String,
-    required: true,
-  },
-  label: {
-    type: String,
-    required: true,
-  },
+    to: {
+        type: String,
+        required: true,
+    },
+    label: {
+        type: String,
+        required: true,
+    },
 });
 </script>