chore: Nuxt 4 upgrade (#7426)

2026-04-10 23:15:34 -04:00 · 2026-04-08 17:25:41 +02:00
parent 70a251a331
commit d3e41582ae
561 changed files with 1840 additions and 2750 deletions
--- a/frontend/app/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageFooter.vue
+++ b/frontend/app/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageFooter.vue
@@ -0,0 +1,119 @@
+<template>
+  <div>
+    <v-card-actions class="justify-end">
+      <v-text-field
+        v-if="isEditForm"
+        v-model="recipe.orgURL"
+        class="mt-10"
+        variant="underlined"
+        :label="$t('recipe.original-url')"
+      />
+      <v-btn
+        v-else-if="recipe.orgURL && !isCookMode"
+        :hover="false"
+        :ripple="false"
+        variant="flat"
+        :href="recipe.orgURL"
+        color="secondary-darken-1"
+        target="_blank"
+        class="mr-n2"
+        size="small"
+      >
+        {{ $t("recipe.original-url") }}
+      </v-btn>
+    </v-card-actions>
+    <AdvancedOnly>
+      <v-card
+        v-if="isEditForm"
+        flat
+        class="mb-2 mx-n2"
+      >
+        <v-card-title class="text-h5 font-weight-medium opacity-80">
+          {{ $t('recipe.api-extras') }}
+        </v-card-title>
+        <v-divider class="ml-4" />
+        <v-card-text>
+          {{ $t('recipe.api-extras-description') }}
+          <v-row
+            v-for="(_, key) in recipe.extras"
+            :key="key"
+            class="mt-1"
+          >
+            <v-col style="max-width: 400px;">
+              <v-text-field
+                v-model="recipe.extras[key]"
+                density="compact"
+                variant="underlined"
+                :label="key"
+              >
+                <template #prepend>
+                  <v-btn
+                    color="error"
+                    icon
+                    class="mt-n4"
+                    @click="removeApiExtra(key)"
+                  >
+                    <v-icon> {{ $globals.icons.delete }} </v-icon>
+                  </v-btn>
+                </template>
+              </v-text-field>
+            </v-col>
+          </v-row>
+        </v-card-text>
+        <v-card-actions class="d-flex ml-2 mt-n3">
+          <div>
+            <v-text-field
+              v-model="apiNewKey"
+              min-width="200px"
+              :label="$t('recipe.message-key')"
+              variant="underlined"
+            />
+          </div>
+          <BaseButton
+            create
+            size="small"
+            class="ml-5"
+            @click="createApiExtra"
+          />
+        </v-card-actions>
+      </v-card>
+    </AdvancedOnly>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { usePageState } from "~/composables/recipe-page/shared-state";
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
+import type { Recipe } from "~/lib/api/types/recipe";
+
+const recipe = defineModel<NoUndefinedField<Recipe>>({ required: true });
+const { isEditForm, isCookMode } = usePageState(recipe.value.slug);
+const apiNewKey = ref("");
+
+function createApiExtra() {
+  if (!recipe.value) {
+    return;
+  }
+  if (!recipe.value.extras) {
+    recipe.value.extras = {};
+  }
+  // check for duplicate keys
+  if (Object.keys(recipe.value.extras).includes(apiNewKey.value)) {
+    return;
+  }
+  recipe.value.extras[apiNewKey.value] = "";
+  apiNewKey.value = "";
+}
+
+function removeApiExtra(key: string | number) {
+  if (!recipe.value) {
+    return;
+  }
+  if (!recipe.value.extras) {
+    return;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+  delete recipe.value.extras[key];
+  recipe.value.extras = { ...recipe.value.extras };
+}
+</script>