chore: missing imports in playground

Author: farnabaz

examples/advanced/transformer/pages/[...slug].vue

@@ -9,6 +9,8 @@
 </template>
 
 <script setup lang="ts">
+import { definePageMeta } from '#imports'
+
 definePageMeta({
   layout: 'default',
   layoutTransition: false

playground/basic/pages/query-playground.vue

@@ -5,6 +5,8 @@
 </template>
 
 <script setup lang="ts">
+import { definePageMeta } from '#imports'
+
 definePageMeta({
   layout: 'default',
   layoutTransition: false

playground/document-driven/pages/home.vue

@@ -1,4 +1,6 @@
 <script setup>
+import { definePageMeta } from '#imports'
+
 definePageMeta({
   documentDriven: {
     page: '/'

playground/document-driven/pages/vue-file.vue

@@ -1,4 +1,6 @@
 <script setup>
+import { definePageMeta } from '#imports'
+
 definePageMeta({
   documentDriven: {
     surround: false

playground/shared/components/QueryPlayground.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, useAsyncData, queryContent } from '#imports'
+import { ref, useAsyncData, queryContent, watch, nextTick } from '#imports'
 
 const query = ref({
   where: [{