Jsdoc

Author: w3bdesign

components/Layout/LayoutNavbar.vue

@@ -1,41 +1,78 @@
 <template>
-  <header role="banner" class="container flex flex-col justify-center px-0 pt-6 mx-auto mb-6">
+  <header
+    role="banner"
+    class="container flex flex-col justify-center px-0 pt-6 mx-auto mb-6"
+  >
     <div class="flex flex-wrap lg:px-4">
       <div class="w-9/12 pr-2 my-2 overflow-hidden lg:w-3/12 md:w-10/12">
         <div class="ml-4 lg:ml-0">
-          <img alt="Logo" class="h-20 lg:h-24" aria-label="Nettbutikk logo" src="~/assets/svg/Logo.svg" />
+          <img
+            alt="Logo"
+            class="h-20 lg:h-24"
+            aria-label="Nettbutikk logo"
+            src="~/assets/svg/Logo.svg"
+          />
         </div>
       </div>
       <LayoutMobileMenu />
       <div class="hidden lg:w-1/12 lg:block" />
-      <div id="nav-content" class="hidden w-full mt-4 bg-black lg:w-8/12 lg:block lg:bg-white lg:mt-0 lg:text-right">
+      <div
+        id="nav-content"
+        class="hidden w-full mt-4 bg-black lg:w-8/12 lg:block lg:bg-white lg:mt-0 lg:text-right"
+      >
         <div class="px-6 lg:px-0 lg:pt-5 xl:pt-7">
           <div>
-            <nav id="block-main" role="navigation" aria-labelledby="block-main-menu">
-              <ul class="items-center justify-end flex-1 pr-4 -mr-4 list-reset lg:flex">
-                <li class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4">
+            <nav
+              id="block-main"
+              role="navigation"
+              aria-labelledby="block-main-menu"
+            >
+              <ul
+                class="items-center justify-end flex-1 pr-4 -mr-4 list-reset lg:flex"
+              >
+                <li
+                  class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4"
+                >
                   <NuxtLink to="/">
-                    <span class="text-xl text-white no-underline lg:text-black is-active">
+                    <span
+                      class="text-xl text-white no-underline lg:text-black is-active"
+                    >
                       Home
                     </span>
                   </NuxtLink>
                 </li>
-                <li class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4">
+                <li
+                  class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4"
+                >
                   <NuxtLink to="/products">
-                    <span class="text-xl text-white no-underline lg:text-black">Products</span>
+                    <span class="text-xl text-white no-underline lg:text-black"
+                      >Products</span
+                    >
                   </NuxtLink>
                 </li>
-                <li class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4">
+                <li
+                  class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4"
+                >
                   <NuxtLink to="/categories">
-                    <span class="text-xl text-white no-underline lg:text-black is-active">Categories</span>
+                    <span
+                      class="text-xl text-white no-underline lg:text-black is-active"
+                      >Categories</span
+                    >
                   </NuxtLink>
                 </li>
-                <li class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4">
+                <li
+                  class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4"
+                >
                   <NuxtLink to="/search">
-                    <span class="text-xl text-white no-underline lg:text-black is-active">Search</span>
+                    <span
+                      class="text-xl text-white no-underline lg:text-black is-active"
+                      >Search</span
+                    >
                   </NuxtLink>
                 </li>
-                <li class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4">
+                <li
+                  class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4"
+                >
                   <LayoutCart />
                 </li>
               </ul>
@@ -47,6 +84,14 @@
   </header>
 </template>
 
+<script setup>
+/**
+ *
+ * Vue.js template for a header section of a web page.
+ *
+ */
+</script>
+
 <style scoped>
 header {
   max-width: 1400px;