create sliders with vue3-carousel package

2024-05-03 14:19:28 +03:30
parent aa38f8e7b4
commit 10a012ec8e
24 changed files with 14016 additions and 13809 deletions
@@ -1,55 +1,55 @@
-
-<template>
-  <div
-    class="header h-[76.923vw] lg:h-[48.802vw] text-white flex flex-col items-center"
-  >
- 
-    
-    <svg
-      class="animate absolute rotating -top-[59.231vw] lg:-top-[8.8vw] h-[120.513vw] lg:h-[44.688vw] w-[100vw] lg:w-[44.688vw]"
-      viewBox="0 0 858 858"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <circle
-        cx="429"
-        cy="429"
-        r="427.5"
-        stroke="url(#paint0_linear_836_14845)"
-        stroke-width="3"
-        stroke-dasharray="15 15"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_836_14845"
-          x1="429"
-          y1="0"
-          x2="429"
-          y2="858"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.499986" stop-color="white" stop-opacity="0" />
-          <stop offset="1" stop-color="white" />
-        </linearGradient>
-      </defs>
-    </svg>
-
-    <h1
-      class="text-[7.277vw] lg:text-[3.718vw] font-[700] mt-[100px] lg:mt-[120px] lg:mt-[9.115vw]"
-    >
-      JAVANEH
-    </h1>
-    <h1 class="text-[4.544vw] lg:text-[1.927vw] font-[500]">
-      فروشگاه محصولات ارگانیک
-    </h1>
-    <p class="hidden lg:block text-[0.938vw] w-[40vw] text-center mt-[0.3vw]">
-      وب سایت جوانه شرکتی در حوزه تامین و توزیع محصولات طبیعی، ارگانیک و سالم
-      میباشد که این امکان را به مصرف کننده میدهد تا بتواند انواع محصولات تازه را
-      با حق انتخاب و تنوع بسیار بالا و با مناسب‌ترین قیمت داشته باشد.
-    </p>
-  </div>
-  <div class="test"></div>
-</template>
-
-<script setup>
+
+<template>
+  <div
+    class="header h-[76.923vw] lg:h-[48.802vw] text-white flex flex-col items-center"
+  >
+ 
+    
+    <svg
+      class="animate absolute rotating -top-[59.231vw] lg:-top-[8.8vw] h-[120.513vw] lg:h-[44.688vw] w-[100vw] lg:w-[44.688vw]"
+      viewBox="0 0 858 858"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <circle
+        cx="429"
+        cy="429"
+        r="427.5"
+        stroke="url(#paint0_linear_836_14845)"
+        stroke-width="3"
+        stroke-dasharray="15 15"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_836_14845"
+          x1="429"
+          y1="0"
+          x2="429"
+          y2="858"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.499986" stop-color="white" stop-opacity="0" />
+          <stop offset="1" stop-color="white" />
+        </linearGradient>
+      </defs>
+    </svg>
+
+    <h1
+      class="text-[7.277vw] lg:text-[3.718vw] font-[700] mt-[100px] lg:mt-[120px] lg:mt-[9.115vw]"
+    >
+      JAVANEH
+    </h1>
+    <h1 class="text-[4.544vw] lg:text-[1.927vw] font-[500]">
+      فروشگاه محصولات ارگانیک
+    </h1>
+    <p class="hidden lg:block text-[0.938vw] w-[40vw] text-center mt-[0.3vw]">
+      وب سایت جوانه شرکتی در حوزه تامین و توزیع محصولات طبیعی، ارگانیک و سالم
+      میباشد که این امکان را به مصرف کننده میدهد تا بتواند انواع محصولات تازه را
+      با حق انتخاب و تنوع بسیار بالا و با مناسب‌ترین قیمت داشته باشد.
+    </p>
+  </div>
+  <div class="test"></div>
+</template>
+
+<script setup>
 </script>