From 39e135d038ddc60afdc618efdce5b0739ed0bd17 Mon Sep 17 00:00:00 2001
From: Arina Yakovenko <yakovenko_arina@ma-al.com>
Date: Mon, 8 Jul 2024 13:15:04 +0200
Subject: [PATCH] add some code

---
 app.vue                               | 90 +++++++++++++++++++++++++++
 package.json                          |  2 +-
 src/components/Ml/Button/MlButton.vue |  2 +-
 3 files changed, 92 insertions(+), 2 deletions(-)
 create mode 100644 app.vue

diff --git a/app.vue b/app.vue
new file mode 100644
index 0000000..f0311fb
--- /dev/null
+++ b/app.vue
@@ -0,0 +1,90 @@
+<template>
+  <div>
+    <MlButton
+      :pt="{
+        root: { class: '' },
+        outer: { class: 'bg-gradient-to-r from-green-300 to-red-400' },
+        inner: { class: 'dark:bg-gradient-to-r bg-white' },
+      }"
+    >
+      Let's talk
+    </MlButton>
+
+    <h1 class="text-3xl bg-black text-white">
+      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt,
+      laborum.
+    </h1>
+  </div>
+</template>
+
+<script>
+const currentItems = ref([]);
+const currentPage = ref(1);
+
+const handlePaginatedItems = (items) => {
+  currentItems.value = items;
+};
+
+const items = [
+  {
+    id: 1,
+    title: "YourGold.cz",
+    href: "YourGold.cz",
+    text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat",
+  },
+  {
+    id: 2,
+    title: "Web App Development",
+    href: "Web App Development",
+    text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat",
+  },
+  {
+    id: 3,
+    title: "E-commerce",
+    href: "E-commerce",
+    text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat",
+  },
+  {
+    id: 4,
+    title: "Hosting",
+    href: "Hosting",
+    text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat",
+  },
+  {
+    id: 5,
+    title: "Development",
+    href: "YourGol",
+    text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat",
+  },
+  {
+    id: 6,
+    title: "New Title 1",
+    href: "new-href-1",
+    text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat",
+  },
+  {
+    id: 7,
+    title: "New Title 2",
+    href: "new-href-2",
+    text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat",
+  },
+  {
+    id: 8,
+    title: "New Title 3",
+    href: "new-href-3",
+    text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat",
+  },
+  {
+    id: 9,
+    title: "New Title 4",
+    href: "new-href-4",
+    text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat",
+  },
+  {
+    id: 10,
+    title: "New Title 5",
+    href: "new-href-5",
+    text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat",
+  },
+];
+</script>
diff --git a/package.json b/package.json
index 3edb7e0..fe8585f 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "version": "1.2.6",
   "private": false,
   "type": "module",
-  "main": "index.js",
+  "main": "app.vue",
   "scripts": {
     "build": "nuxt build",
     "prepack": "nuxt build",
diff --git a/src/components/Ml/Button/MlButton.vue b/src/components/Ml/Button/MlButton.vue
index 79264b2..35c4bf0 100644
--- a/src/components/Ml/Button/MlButton.vue
+++ b/src/components/Ml/Button/MlButton.vue
@@ -26,7 +26,7 @@ const classes = ref({
     class: `flex justify-center items-center disabled:opacity-60`,
   },
   outer: {
-    class: `bg-gradient-to-r from-accent1 to-accent2 p-[2px] w-full focus:outline-none ${
+    class: `p-[2px] w-full focus:outline-none ${
       props.rounded ? "rounded-3xl" : ""
     }`,
   },