From 3cb9c191dcfc944f87014ba984a1aa91fa84a168 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Isaque=20B=C3=B6ck?= <isaquebockdos@gmail.com>
Date: Mon, 27 Apr 2026 16:08:11 -0300
Subject: [PATCH 1/2] feat: adjust lint

---
 .../src/components/pricing-card/pricing-card.vue    |  4 +---
 .../webkit/src/components/site/button/button.vue    | 13 +++++--------
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/packages/webkit/src/components/pricing-card/pricing-card.vue b/packages/webkit/src/components/pricing-card/pricing-card.vue
index fde34198..8d2231dd 100644
--- a/packages/webkit/src/components/pricing-card/pricing-card.vue
+++ b/packages/webkit/src/components/pricing-card/pricing-card.vue
@@ -69,9 +69,7 @@
 
   const normalizedCurrentPrice = computed(() => currentPrice.value || '')
 
-  const currentPeriodSuffix = computed(() =>
-    props.currentPeriod === 'annual' ? '/yr' : '/mo'
-  )
+  const currentPeriodSuffix = computed(() => (props.currentPeriod === 'annual' ? '/yr' : '/mo'))
 </script>
 
 <template>
diff --git a/packages/webkit/src/components/site/button/button.vue b/packages/webkit/src/components/site/button/button.vue
index 2057ed0c..e59022db 100644
--- a/packages/webkit/src/components/site/button/button.vue
+++ b/packages/webkit/src/components/site/button/button.vue
@@ -70,20 +70,17 @@
 
   const variantClasses = {
     primary: {
-      root:
-        'group h-fit border-1 border-neutral-100 bg-neutral-100 text-neutral-900 duration-300 transition rounded-md hover:bg-orange-500 hover:border-orange-500 hover:text-neutral-900 focus:outline-none focus:ring-0 focus:shadow-none focus-visible:outline-none focus-visible:ring-0 focus-visible:shadow-none',
+      root: 'group h-fit border-1 border-neutral-100 bg-neutral-100 text-neutral-900 duration-300 transition rounded-md hover:bg-orange-500 hover:border-orange-500 hover:text-neutral-900 focus:outline-none focus:ring-0 focus:shadow-none focus-visible:outline-none focus-visible:ring-0 focus-visible:shadow-none',
       label: 'font-proto-mono whitespace-nowrap',
       icon: '!text-[.75rem] duration-300 transition flex items-center mr-2 text-neutral-900 group-hover:text-neutral-900'
     },
     secondary: {
-      root:
-        'group h-fit bg-neutral-900 text-neutral-100 duration-300 transition rounded-md active:bg-neutral-900 border-1 border-neutral-800 hover:bg-neutral-950 hover:text-orange-500 focus:outline-none focus:ring-0 focus:shadow-none focus-visible:outline-none focus-visible:ring-0 focus-visible:shadow-none',
+      root: 'group h-fit bg-neutral-900 text-neutral-100 duration-300 transition rounded-md active:bg-neutral-900 border-1 border-neutral-800 hover:bg-neutral-950 hover:text-orange-500 focus:outline-none focus:ring-0 focus:shadow-none focus-visible:outline-none focus-visible:ring-0 focus-visible:shadow-none',
       label: 'font-proto-mono whitespace-nowrap',
       icon: '!text-[.75rem] duration-300 transition flex items-center mr-2 text-neutral-100 group-hover:text-neutral-100'
     },
     link: {
-      root:
-        "group inline-flex items-center gap-3 w-fit cursor-pointer no-underline relative after:duration-150 hover:after:w-full group-hover:after:w-full after:left-0 after:w-0 after:h-[1px] after:transition-all after:content-[''] after:absolute after:-bottom-[.1rem] after:bg-neutral-200 bg-transparent border-none text-neutral-100 !leading-[.75rem] focus:outline-none focus:ring-0 focus:shadow-none focus-visible:outline-none focus-visible:ring-0 focus-visible:shadow-none",
+      root: "group inline-flex items-center gap-3 w-fit cursor-pointer no-underline relative after:duration-150 hover:after:w-full group-hover:after:w-full after:left-0 after:w-0 after:h-[1px] after:transition-all after:content-[''] after:absolute after:-bottom-[.1rem] after:bg-neutral-200 bg-transparent border-none text-neutral-100 !leading-[.75rem] focus:outline-none focus:ring-0 focus:shadow-none focus-visible:outline-none focus-visible:ring-0 focus-visible:shadow-none",
       label: 'font-proto-mono whitespace-nowrap',
       icon: ''
     }
@@ -102,7 +99,8 @@
   })
 
   const labelClasses = computed(() => {
-    const sizeClasses = props.size === 'small' ? 'text-xs leading-[1rem]' : 'text-sm leading-[1.5rem]'
+    const sizeClasses =
+      props.size === 'small' ? 'text-xs leading-[1rem]' : 'text-sm leading-[1.5rem]'
     return `${variantClasses[props.type].label} ${sizeClasses}`
   })
 
@@ -116,5 +114,4 @@
       props.target === '_blank' ? 'translate-y-0 group-hover:translate-y-[-50%] top-[20%]' : ''
     ]
   })
-
 </script>

From 5293fa7366b500bd765ac984f08feadaac226f77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Isaque=20B=C3=B6ck?= <isaquebockdos@gmail.com>
Date: Mon, 27 Apr 2026 16:22:02 -0300
Subject: [PATCH 2/2] fix: order

---
 .../components/pricing-card/pricing-card.vue  |  1 +
 .../src/components/site/button/button.vue     | 84 +++++++++++--------
 2 files changed, 48 insertions(+), 37 deletions(-)

diff --git a/packages/webkit/src/components/pricing-card/pricing-card.vue b/packages/webkit/src/components/pricing-card/pricing-card.vue
index 8d2231dd..7e473d6e 100644
--- a/packages/webkit/src/components/pricing-card/pricing-card.vue
+++ b/packages/webkit/src/components/pricing-card/pricing-card.vue
@@ -1,5 +1,6 @@
 <script setup>
   import { computed } from 'vue'
+
   import Button from '../site/button/button.vue'
 
   defineOptions({ name: 'PricingCard' })
diff --git a/packages/webkit/src/components/site/button/button.vue b/packages/webkit/src/components/site/button/button.vue
index e59022db..e3abb790 100644
--- a/packages/webkit/src/components/site/button/button.vue
+++ b/packages/webkit/src/components/site/button/button.vue
@@ -1,36 +1,3 @@
-<template>
-  <a
-    v-if="isLink"
-    :href="href"
-    :target="target"
-    :class="rootClasses"
-    @click="emit('click', $event)"
-  >
-    <span :class="labelClasses">{{ label }}</span>
-    <span
-      :class="arrowClasses"
-      aria-hidden="true"
-    />
-  </a>
-
-  <PrimeButton
-    v-else
-    :label="label"
-    :size="size"
-    :icon="icon"
-    :class="rootClasses"
-    :pt="{
-      icon: {
-        class: iconClasses
-      },
-      label: {
-        class: labelClasses
-      }
-    }"
-    @click="emit('click', $event)"
-  />
-</template>
-
 <script setup>
   import PrimeButton from 'primevue/button'
   import { computed } from 'vue'
@@ -38,7 +5,10 @@
   const emit = defineEmits(['click'])
 
   const props = defineProps({
-    label: String,
+    label: {
+      type: String,
+      default: ''
+    },
     size: {
       type: String,
       options: ['small', 'large'],
@@ -49,10 +19,17 @@
       options: ['primary', 'secondary', 'link'],
       default: 'secondary'
     },
-    href: String,
-    icon: String,
+    href: {
+      type: String,
+      default: ''
+    },
+    icon: {
+      type: String,
+      default: ''
+    },
     customClass: {
-      type: String
+      type: String,
+      default: ''
     },
     target: {
       type: String,
@@ -115,3 +92,36 @@
     ]
   })
 </script>
+
+<template>
+  <a
+    v-if="isLink"
+    :href="href"
+    :target="target"
+    :class="rootClasses"
+    @click="emit('click', $event)"
+  >
+    <span :class="labelClasses">{{ label }}</span>
+    <span
+      :class="arrowClasses"
+      aria-hidden="true"
+    />
+  </a>
+
+  <PrimeButton
+    v-else
+    :label="label"
+    :size="size"
+    :icon="icon"
+    :class="rootClasses"
+    :pt="{
+      icon: {
+        class: iconClasses
+      },
+      label: {
+        class: labelClasses
+      }
+    }"
+    @click="emit('click', $event)"
+  />
+</template>