diff --git a/apps/studio/components/interfaces/Home/Connect/content/nuxt/supabasejs/content.tsx b/apps/studio/components/interfaces/Home/Connect/content/nuxt/supabasejs/content.tsx
index 137f60e09c1..efd3c26ac47 100644
--- a/apps/studio/components/interfaces/Home/Connect/content/nuxt/supabasejs/content.tsx
+++ b/apps/studio/components/interfaces/Home/Connect/content/nuxt/supabasejs/content.tsx
@@ -47,8 +47,8 @@ export const supabase = createClient(supabaseUrl, supabaseKey);
   const todos = ref([])
 
   async function getTodos() {
-    const { data: todos } = await supabase.from('todos').select()
-    countries.value = todos
+    const { data } = await supabase.from('todos').select()
+    todos.value = data
   }
 
   onMounted(() => {
diff --git a/apps/studio/components/interfaces/Home/Connect/content/vuejs/supabasejs/content.tsx b/apps/studio/components/interfaces/Home/Connect/content/vuejs/supabasejs/content.tsx
index a2765379e87..b9d5a24d603 100644
--- a/apps/studio/components/interfaces/Home/Connect/content/vuejs/supabasejs/content.tsx
+++ b/apps/studio/components/interfaces/Home/Connect/content/vuejs/supabasejs/content.tsx
@@ -47,8 +47,8 @@ export const supabase = createClient(supabaseUrl, supabaseKey);
   const todos = ref([])
 
   async function getTodos() {
-    const { data: todos } = await supabase.from('todos').select()
-    countries.value = todos
+    const { data } = await supabase.from('todos').select()
+    todos.value = data
   }
 
   onMounted(() => {