chore: remove leftovers playground

posva · May 14, 2024 · 1fb2a17 · 1fb2a17
1 parent 08ec44a
commit 1fb2a17
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 11 deletions.
diff --git a/playground/src/App.vue b/playground/src/App.vue
@@ -12,10 +12,6 @@
         <RouterLink to="/contacts">
           Contacts
         </RouterLink>
-        |
-        <RouterLink to="/ecom">
-          T-shirts
-        </RouterLink>
       </nav>
     </div>
   </header>

diff --git a/playground/src/composables/contacts.ts b/playground/src/composables/contacts.ts
@@ -2,12 +2,12 @@ import { defineQuery, useQuery } from '@pinia/colada'
 import { useRouteQuery } from '@vueuse/router'
 import { searchContacts } from '@/api/contacts'
 
-export const useContacts = defineQuery(() => {
+export const useContactSearch = defineQuery(() => {
   const searchText = useRouteQuery('search', '', { mode: 'push' })
   const { ...query } = useQuery({
     key: () => ['contacts-search', { searchText: searchText.value }],
     query: ({ signal }) => searchContacts(searchText.value, {}, { signal }),
-    gcTime: 0,
+    staleTime: 0,
   })
   return { ...query, searchText }
 })
diff --git a/playground/src/pages/contacts.vue b/playground/src/pages/contacts.vue
@@ -1,10 +1,7 @@
 <script lang="ts" setup>
-import { useRouteQuery } from '@vueuse/router'
-import { useContacts } from '@/composables/contacts'
+import { useContactSearch } from '@/composables/contacts'
 
-const searchText = useRouteQuery('search', '', { mode: 'push' })
-
-const { data: searchResult, status } = useContacts()
+const { data: searchResult, status, searchText } = useContactSearch()
 
 // TODO: tip in tests if they are reading data, error or other as they are computed properties, on the server they won't
 // update so they will keep their initial undefined value