modernize cookbook page

frontend/components/Domain/Cookbook/CookbookPage.vue

@@ -64,7 +64,7 @@
   </div>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import { useLazyRecipes } from "~/composables/recipes";
 import RecipeCardSection from "@/components/Domain/Recipe/RecipeCardSection.vue";
 import { useCookbookStore } from "~/composables/store/use-cookbook-store";
@@ -73,9 +73,6 @@ import { useLoggedInState } from "~/composables/use-logged-in-state";
 import type { RecipeCookBook } from "~/lib/api/types/cookbook";
 import CookbookEditor from "~/components/Domain/Cookbook/CookbookEditor.vue";
 
-export default defineNuxtComponent({
-  components: { RecipeCardSection, CookbookEditor },
-  setup() {
 const $auth = useMealieAuth();
 const { isOwnGroup } = useLoggedInState();
 
@@ -88,7 +85,6 @@ export default defineNuxtComponent({
 const { actions } = useCookbookStore();
 const router = useRouter();
 
-    const tab = ref(null);
 const book = getOne(slug);
 
 const isOwnHousehold = computed(() => {
@@ -131,23 +127,4 @@ export default defineNuxtComponent({
 useSeoMeta({
   title: book?.value?.name || "Cookbook",
 });
-
-    return {
-      book,
-      slug,
-      tab,
-      appendRecipes,
-      assignSorted,
-      recipes,
-      removeRecipe,
-      replaceRecipes,
-      canEdit,
-      dialogStates,
-      editTarget,
-      handleEditCookbook,
-      editCookbook,
-      actions,
-    };
-  },
-});
 </script>