mirror of
https://github.com/mealie-recipes/mealie.git
synced 2026-04-10 06:55:35 -04:00
chore: Nuxt 4 upgrade (#7426)
This commit is contained in:
47
frontend/app/components/global/BaseCardSectionTitle.vue
Normal file
47
frontend/app/components/global/BaseCardSectionTitle.vue
Normal file
@@ -0,0 +1,47 @@
|
||||
<template>
|
||||
<v-card
|
||||
color="background"
|
||||
flat
|
||||
class="pb-2"
|
||||
:class="{
|
||||
'mt-8': section,
|
||||
}"
|
||||
>
|
||||
<v-card-title class="text-h5 pl-0 py-0" style="font-weight: normal;">
|
||||
<v-icon
|
||||
v-if="icon"
|
||||
size="small"
|
||||
start
|
||||
>
|
||||
{{ icon }}
|
||||
</v-icon>
|
||||
{{ title }}
|
||||
</v-card-title>
|
||||
<v-card-text
|
||||
v-if="$slots.default"
|
||||
class="pt-2 pl-0"
|
||||
>
|
||||
<p class="pb-0 mb-0">
|
||||
<slot />
|
||||
</p>
|
||||
</v-card-text>
|
||||
<v-divider class="mt-1 mb-3" />
|
||||
</v-card>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
required: true,
|
||||
},
|
||||
icon: {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
section: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user