chore: script setup components (#7299)

frontend/components/global/AdvancedOnly.vue

@@ -1,21 +1,13 @@
 <template>
-  <div scoped-slot />
+  <slot v-if="advanced" />
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 /**
  * Renderless component that only renders if the user is logged in.
  * and has advanced options toggled.
  */
-export default defineNuxtComponent({
-  setup(_, ctx) {
-    const auth = useMealieAuth();
+const auth = useMealieAuth();
 
-    const r = auth.user.value?.advanced || false;
-
-    return () => {
-      return r ? ctx.slots.default?.() : null;
-    };
-  },
-});
+const advanced = auth.user.value?.advanced || false;
 </script>