Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-24 15:49:42 +02:00
Code Issues Releases Activity

feat: Migrate to Nuxt 3 framework (#5184)

Browse source 
Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>
Co-authored-by: Kuchenpirat <24235032+Kuchenpirat@users.noreply.github.com>
This commit is contained in:
Hoa (Kyle) Trinh 2025-06-20 00:09:12 +07:00 • committed by GitHub
parent 89ab7fac25
commit c24d532608
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
403 changed files with 23959 additions and 19557 deletions
Download patch file Download diff file Expand all files Collapse all files

28
frontend/components/global/StatsCards.vue
View file

@ -1,17 +1,29 @@
<template>
<v-card :min-width="minWidth" :to="to" :hover="to ? true : false">
<v-card
:min-width="minWidth"
:to="to"
:hover="to ? true : false"
>
<div class="d-flex flex-no-wrap">
<v-avatar class="ml-3 mr-0 mt-3" color="primary" size="36">
<v-icon color="white" class="pa-1">
<v-avatar
class="ml-3 mr-0 mt-3"
color="primary"
size="36"
>
<v-icon
color="white"
class="pa-1"
size="x-large"
>
{{ activeIcon }}
</v-icon>
</v-avatar>
<div>
<v-card-title class="text-subtitle-1 pt-2 pb-2">
<slot name="title"></slot>
<slot name="title" />
</v-card-title>
<v-card-subtitle class="pb-2">
<slot name="value"></slot>
<slot name="value" />
</v-card-subtitle>
</div>
</div>
@ -19,9 +31,7 @@
</template>
<script lang="ts">
import { computed, defineComponent, useContext } from "@nuxtjs/composition-api";
export default defineComponent({
export default defineNuxtComponent({
props: {
icon: {
type: String,
@ -37,7 +47,7 @@ export default defineComponent({
},
},
setup(props) {
const { $globals } = useContext();
const { $globals } = useNuxtApp();
const activeIcon = computed(() => {
return props.icon ?? $globals.icons.primary;