mirror of
https://github.com/mealie-recipes/mealie.git
synced 2026-04-10 15:05:35 -04:00
chore: Nuxt 4 upgrade (#7426)
This commit is contained in:
35
frontend/app/components/global/BannerWarning.vue
Normal file
35
frontend/app/components/global/BannerWarning.vue
Normal file
@@ -0,0 +1,35 @@
|
||||
<template>
|
||||
<v-alert
|
||||
border="start"
|
||||
variant="tonal"
|
||||
type="warning"
|
||||
elevation="2"
|
||||
:icon="$globals.icons.alert"
|
||||
>
|
||||
<b v-if="title">{{ title }}</b>
|
||||
<div v-if="description">
|
||||
{{ description }}
|
||||
</div>
|
||||
<div
|
||||
v-if="$slots.default"
|
||||
class="py-2"
|
||||
>
|
||||
<slot />
|
||||
</div>
|
||||
</v-alert>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
required: false,
|
||||
default: "",
|
||||
},
|
||||
description: {
|
||||
type: String,
|
||||
required: false,
|
||||
default: "",
|
||||
},
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user