|
@@ -11,6 +11,7 @@ const props = withDefaults(
|
|
|
defineProps<{ customClass?: string; skew?: boolean } & ComponentProps>(),
|
|
|
{ color: 'primary' },
|
|
|
)
|
|
|
+const emits = defineEmits<{ click: [] }>()
|
|
|
const themeVars = { primary: '--evo-theme-primary' }
|
|
|
const btnThemeClass = { primary: 'before:bg-[--evo-theme-primary] after:bg-[--evo-theme-primary]' }
|
|
|
|
|
@@ -27,6 +28,7 @@ const height = computed(() => ({ lg: '2.75rem', md: '2.1875rem' })[props.size] |
|
|
|
:class="`${btnClass} ${{ md: 'pl-7! pr-3.5!' }[size] || ''}`"
|
|
|
:style="{ '--color': color, '--evo-btn-height': height }"
|
|
|
:block="block"
|
|
|
+ @click="emits('click')"
|
|
|
>
|
|
|
<div
|
|
|
class="w-full h-full flex items-center justify-center relative z-1 c-white"
|