mealie/frontend/components/Domain/Recipe/RecipeSettingsMenu.vue
Hoa (Kyle) Trinh c24d532608
Some checks are pending
CodeQL / Analyze (push) Waiting to run
Docker Nightly Production / Backend Server Tests (push) Waiting to run
Docker Nightly Production / Frontend Tests (push) Waiting to run
Docker Nightly Production / Build Package (push) Waiting to run
Docker Nightly Production / Build Tagged Release (push) Blocked by required conditions
Docker Nightly Production / Notify Discord (push) Blocked by required conditions
Release Drafter / ✏️ Draft release (push) Waiting to run
feat: Migrate to Nuxt 3 framework (#5184)
Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>
Co-authored-by: Kuchenpirat <24235032+Kuchenpirat@users.noreply.github.com>
2025-06-19 17:09:12 +00:00

47 lines
1.1 KiB
Vue

<template>
<div class="text-center">
<v-menu
offset-y
top
nudge-top="6"
:close-on-content-click="false"
>
<template #activator="{ props }">
<v-btn
color="accent"
dark
v-bind="props"
>
<v-icon start>
{{ $globals.icons.cog }}
</v-icon>
{{ $t("general.settings") }}
</v-btn>
</template>
<v-card>
<v-card-title class="py-2">
<div>
{{ $t("recipe.recipe-settings") }}
</div>
</v-card-title>
<v-divider class="mx-2" />
<v-card-text class="mt-n5 pt-6 pb-2">
<RecipeSettingsSwitches
v-model="value"
:is-owner="isOwner"
/>
</v-card-text>
</v-card>
</v-menu>
</div>
</template>
<script lang="ts" setup>
import RecipeSettingsSwitches from "./RecipeSettingsSwitches.vue";
const value = defineModel<object>({ required: true });
defineProps<{ isOwner?: boolean }>();
</script>
<style lang="scss" scoped></style>