diff --git a/docs/content/migration/7.component-options.md b/docs/content/migration/7.component-options.md
index b75857d06e..e555507b37 100644
--- a/docs/content/migration/7.component-options.md
+++ b/docs/content/migration/7.component-options.md
@@ -52,7 +52,7 @@ With Nuxt 3, you can perform this data fetching using composables in your `setup
   // Define params wherever, through `defineProps()`, `useRoute()`, etc.
   const { data: post, refresh } = await useAsyncData('post', () => $fetch(`https://api.nuxtjs.dev/posts/${params.id}`) )
   // Or instead - useFetch is a convenience wrapper around useAsyncData when you're just performing a simple fetch
-  const { data: post, refresh } = await useFetch(`https://api.nuxtjs.dev/posts/${paramsÌ.id}`)
+  const { data: post, refresh } = await useFetch(`https://api.nuxtjs.dev/posts/${params.id}`)
 </script>
 ```