feat: add logo and fix: some ui and script 🍎

Author: zackha

app.vue

@@ -17,7 +17,7 @@
                     v-model="searchTerm"
                     :placeholder="selectedCategory ? `Search in ${selectedCategory}` : 'Search'" />
                 </div>
-                <div @click="searchTerm = ''" class="invisible flex cursor-pointer text-neutral-300 dark:text-neutral-500 transition-all group-focus-within:visible">
+                <div @click="searchTerm = ''" class="opacity-0 flex cursor-pointer text-neutral-300 dark:text-neutral-500 transition-all group-focus-within:opacity-100">
                   <Icon v-if="!loading" name="solar:close-square-bold" size="24" />
                   <Icon v-else-if="loading" name="Loading" size="20" />
                 </div>

components/header/Logo.vue

@@ -1,7 +1,7 @@
 <template>
   <span class="flex items-center justify-center">
     <NuxtLink to="/">
-      <NuxtImg class="mx-auto my-0 h-14" src="https://seeklogo.com/images/S/supreme-ny-logo-AAF66BE276-seeklogo.com.png" />
+      <NuxtImg class="mx-auto my-0 h-12" src="logo.png" />
     </NuxtLink>
   </span>
 </template>

components/header/index.vue

@@ -1,8 +1,7 @@
 <template>
-  <div class="flex justify-center pb-11 pt-7">
+  <div class="flex justify-center py-5">
     <div class="mx-auto my-0">
       <HeaderLogo />
-      <HeaderDate />
     </div>
   </div>
 </template>

package-lock.json

@@ -2,6 +2,8 @@
   "name": "nuxtcommerce",
   "version": "1.0.6",
   "private": true,
+  "author": "zackha",
+  "description": "Headless storefront for Woocommerce (Nuxt/Vue)",
   "scripts": {
     "dev": "nuxi dev",
     "build": "nuxi build",