koel/resources/assets/js/components/koel-plus/BtnUpgradeToPlus.vue
2024-07-06 17:45:01 +02:00

18 lines
508 B
Vue

<template>
<Btn
class="block w-full rounded-md px-4 py-3 text-white/80 hover:text-white bg-gradient-to-r to-[#c62be8] from-[#671ce4] !text-left"
@click.prevent="openModal"
>
<Icon :icon="faPlus" fixed-width />
Upgrade to Plus
</Btn>
</template>
<script lang="ts" setup>
import { faPlus } from '@fortawesome/free-solid-svg-icons'
import { eventBus } from '@/utils'
import Btn from '@/components/ui/form/Btn.vue'
const openModal = () => eventBus.emit('MODAL_SHOW_KOEL_PLUS')
</script>