diff --git a/playground/app.vue b/playground/app.vue
index 2c3e9b346f..17d631007a 100644
--- a/playground/app.vue
+++ b/playground/app.vue
@@ -1,31 +1,13 @@
-<script setup>
-const page = ref(0)
-const nuxt = useNuxtApp()
-const { data, refresh } = await useFetch('https://icanhazdadjoke.com/', {
-  query: { page }, // "fed" into watch array for asyncData under the hood
-  getCachedData: (key) => {
-    return nuxt.payload.data[key] || nuxt.static.data[key]
-  },
-  headers: {
-    Accept: 'application/json',
-  },
-})
+<script setup lang="ts">
 </script>
 
 <template>
+  <!-- Edit this file to play around with Nuxt but never commit changes! -->
   <div>
-    <button @click="refresh()">
-      New Joke (refresh, default)
-    </button>
-    <button @click="refresh({ force: true })">
-      New Joke (refresh, force)
-    </button>
-    <button @click="page++">
-      New Joke (update query value + 1)
-    </button>
-    <button @click="page--">
-      New Joke (update query value - 1)
-    </button>
-    {{ data.joke }}
+    Nuxt 3 Playground
   </div>
 </template>
+
+<style scoped>
+
+</style>