'Connect to your project' Nuxt and Vue framework example code issue

[danryland]

Bug report

• I confirm this is a bug with Supabase, not with my own application.
• I confirm I have searched the Docs, GitHub Discussions, and Discord.

Describe the bug

From the dashboard of an individual project, the Nuxt and Vue code examples have an undefined variable making the code example incorrect. It unhelpfully blends both 'todos' and 'countries'. It should stick to just using the 'todos' concept.

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

1. Go to the dashboard of your project (https://supabase.com/dashboard/project/[PROJECT_ID])
2. Click on 'Connect'
3. Click on 'App Frameworks' tab
4. Select 'Nuxt' as Framework or 'Vue'
5. Click 'src/App.vue' tab
6. See code line countries.value = todos
7. See that countries is never defined

Expected behavior

I would expect the code example to work out of the box without the need to adjust the variables.

Screenshots

System information

• OS: macOS
• Browser: Brave

PR: #26743