1
0
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:
vabene1111
2025-06-06 14:50:29 +02:00
parent d1a69dac90
commit 23c4c2e543
2 changed files with 49 additions and 24 deletions

View File

@@ -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>