22 lines
448 B
Vue
22 lines
448 B
Vue
|
<script setup lang="ts">
|
||
|
|
import { computed } from 'vue'
|
||
|
|
|
||
|
|
const props = defineProps<{
|
||
|
|
title: string
|
||
|
|
icon?: string
|
||
|
|
as?: string
|
||
|
|
to?: string
|
||
|
|
}>()
|
||
|
|
|
||
|
|
const type = computed(() => props.as || (props.to ? 'router-link' : 'button'))
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<component :is="type" class="slidev-icon-btn" :title="title" :to="to">
|
||
|
|
<span class="sr-only">{{ title }}</span>
|
||
|
|
<slot>
|
||
|
|
<div :class="icon" />
|
||
|
|
</slot>
|
||
|
|
</component>
|
||
|
|
</template>
|