Test filter

Author: w3bdesign

components/Products/ProductFilters.vue

@@ -1,5 +1,6 @@
 <template>
-  <div class="w-full md:w-64 flex-shrink-0">
+  <div>
+    Filter!
     <div class="bg-white px-8 pb-8 sm:px-6 sm:pb-6 rounded-lg shadow-sm">
       <!-- PRODUCT TYPE -->
       <div class="mb-8">
@@ -51,8 +52,4 @@
       </Button>
     </div>
   </div>
-</template>
-
-<script setup>
-
-</script>
+</template>

pages/products.vue

@@ -2,11 +2,14 @@
   <div class="container mx-auto px-4 py-8">
     <div class="flex flex-col md:flex-row gap-8">
       <!-- Sidebar Filters -->
+      ProductFilters:
       <ProductFilters />
 
       <!-- Main Content -->
       <div class="flex-1">
-        <div class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-4 mb-8">
+        <div
+          class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-4 mb-8"
+        >
           <h1 class="text-xl sm:text-2xl font-medium text-center sm:text-left">
             Produkter <span class="text-gray-500">(0)</span>
           </h1>
@@ -19,8 +22,6 @@
 </template>
 
 <script setup>
-
-
 useHead({
   title: "Products",
   titleTemplate: "%s - Nuxt 3 Woocommerce",