chore: up pinia colada usage

Author: posva

playground/src/main.ts

@@ -3,13 +3,13 @@ import App from './App.vue'
 import { DataLoaderPlugin } from 'unplugin-vue-router/data-loaders'
 import { MutationCache, QueryCache, VueQueryPlugin } from '@tanstack/vue-query'
 import { createPinia } from 'pinia'
-import { QueryPlugin } from '@pinia/colada'
+import { PiniaColada } from '@pinia/colada'
 import { router } from './router'
 
 const app = createApp(App)
 
 app.use(createPinia())
-app.use(QueryPlugin)
+app.use(PiniaColada)
 app.use(VueQueryPlugin, {
   queryClientConfig: {
     mutationCache: new MutationCache({

playground/src/pages/users/tq-query.[id].vue

@@ -11,13 +11,14 @@ import {
   useIsFetching,
   useMutationState,
   useMutation,
+  useQueryClient,
 } from '@tanstack/vue-query'
 
 const route = useRoute('/users/[id]')
 
 const simulateError = ref(false)
 
-const enabled = ref(false)
+const enabled = ref(true)
 
 // const tt = useQueries({
 //   queries: [