mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-10-30 17:53:31 -04:00
31 lines
523 B
Vue
31 lines
523 B
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<v-btn outlined class="rounded-xl my-1 mx-1" :to="to">
|
||
|
|
<v-icon v-if="icon != ''" left>
|
||
|
|
{{ icon }}
|
||
|
|
</v-icon>
|
||
|
|
{{ text }}
|
||
|
|
</v-btn>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts">
|
||
|
|
import { defineComponent } from "@nuxtjs/composition-api";
|
||
|
|
|
||
|
|
export default defineComponent({
|
||
|
|
props: {
|
||
|
|
to: {
|
||
|
|
type: String,
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
text: {
|
||
|
|
type: String,
|
||
|
|
default: "Link",
|
||
|
|
},
|
||
|
|
icon: {
|
||
|
|
type: String,
|
||
|
|
default: "",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|
||
|
|
</script>
|