mirror of
https://github.com/TandoorRecipes/recipes.git
synced 2026-01-11 17:16:59 -05:00
api settings linked browser and docs
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<v-col cols="12" md="6" lg="4">
|
||||
<v-col :cols="props.cols" :md="props.md" :lg="props.lg">
|
||||
<v-card :prepend-icon="props.prependIcon" :title="props.title" :subtitle="props.subtitle" variant="outlined" elevation="1"
|
||||
:to="props.to"
|
||||
:to="props.to" :link="isLink" :href="props.href"
|
||||
append-icon="fa-solid fa-arrow-right">
|
||||
</v-card>
|
||||
</v-col>
|
||||
@@ -9,8 +9,7 @@
|
||||
|
||||
<script setup lang="ts">
|
||||
|
||||
import {EditorSupportedModels, GenericModel, getGenericModelFromString} from "@/types/Models.ts";
|
||||
import {onBeforeMount, PropType, ref, watch} from "vue";
|
||||
import {computed, onBeforeMount, PropType, ref, watch} from "vue";
|
||||
import {useI18n} from "vue-i18n";
|
||||
import type { RouteLocationRaw } from 'vue-router';
|
||||
|
||||
@@ -20,10 +19,18 @@ const props = defineProps({
|
||||
prependIcon: {type: String, default: ''},
|
||||
title: {type: String, default: ''},
|
||||
subtitle: {type: String, default: ''},
|
||||
to: {type: {} as PropType<RouteLocationRaw> }
|
||||
to: {type: {} as PropType<RouteLocationRaw> },
|
||||
href: {type: String, default: ''},
|
||||
cols: {type: Number, default: 12 },
|
||||
md: {type: Number, default: 6 },
|
||||
lg: {type: Number, default: 4 },
|
||||
})
|
||||
|
||||
|
||||
const isLink = computed(() => {
|
||||
return props.href != '' && props.to == undefined
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user