chore: tests in playground

Author: posva

playground/src/loaders/colada-loaders.ts

@@ -7,15 +7,15 @@ export const simulateError = ref(false)
 export const useUserData = defineColadaLoader('/users/colada-loader.[id]', {
   async query(to, { signal }) {
     console.log('[🍹] coladaLoader', to.fullPath)
-    // signal.addEventListener('abort', () => {
-    //   console.log('[🍹❌] aborted', to.fullPath)
-    // })
+    signal.addEventListener('abort', () => {
+      console.log('[🍹❌] aborted', to.fullPath)
+    })
     // we need to read these before the delay
     const id = to.params.id
     // @ts-expect-error: no param "name"!
     const name = to.params.name
 
-    await delay(500)
+    await delay(2000)
     if (simulateError.value) {
       throw new Error('Simulated Error')
     }
@@ -33,5 +33,13 @@ export const useUserData = defineColadaLoader('/users/colada-loader.[id]', {
     return ['loader-users', to.params.id]
   },
   staleTime: 10000,
-  lazy: (to, from) => to.name && to.name === from?.name,
+  placeholderData: (previousData) => {
+    console.log('[🍹] placeholderData', previousData)
+    return previousData
+  },
+  lazy: (to, from) => {
+    const lazy = to.name && to.name === from?.name
+    console.log('[🍹] lazy', to.fullPath, lazy)
+    return lazy
+  },
 })