mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-10-31 18:23:18 -04:00
30 lines
614 B
Vue
30 lines
614 B
Vue
|
<template>
|
||
|
|
<v-btn x-small :href="href" color="primary" target="_blank">
|
||
|
|
<v-icon left small>
|
||
|
|
{{ $globals.icons.folderOutline }}
|
||
|
|
</v-icon>
|
||
|
|
{{ $tc("about.docs") }}
|
||
|
|
</v-btn>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts">
|
||
|
|
import { computed, defineComponent } from "@nuxtjs/composition-api";
|
||
|
|
|
||
|
|
export default defineComponent({
|
||
|
|
props: {
|
||
|
|
link: {
|
||
|
|
type: String,
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
setup(props) {
|
||
|
|
const href = computed(() => {
|
||
|
|
// TODO: dynamically set docs link based off env
|
||
|
|
return `https://nightly.mealie.io${props.link}`;
|
||
|
|
});
|
||
|
|
|
||
|
|
return { href };
|
||
|
|
},
|
||
|
|
});
|
||
|
|
</script>
|