Kiyohiko Heima

If you like composition API, VueUse [useDraggable](https://vueuse.org/core/useDraggable/) & [useResize](https://github.com/vueuse/vueuse/pull/708)(still in draft) can be alternative.

Maybe already resolved in current version `v0.1.28` (related to https://github.com/nuxt-modules/supabase/issues/46)

In my opinion, > useAuthFirestore `firebase/firestore` and `firebase/auth` are modules. They are independent and work separately. It's better to avoid to use multiple modules. > [db, 'users', null, 'some-collection'] or...

I'm not native of English so not completely clear of your reply. but the below interface is possible and maybe what you want. ```typescript const todos = useFirestore(collection(db, 'todos')) //...

Yes, ```ts const userTodosData = useFirestore(() => isAuthenticated.value && collection(db, 'users', user.value.id, 'todos'), []) ``` probably this also can set the initial value again when 1st arg gets falsy value...

1. `useFirestore` also includes `id`, the data mapping implementation is below. please re-check. https://github.com/vueuse/vueuse/blob/main/packages/firebase/useFirestore/index.ts#L17-L30 2. `useFirestore` returns `Ref`. ```typescript const roles = useFirestore(collection(db, 'default-roles')) as Array; // ❌ const roles...

- `nuxt: 3.0.0-rc.11` - `@nuxtjs/supabase: 0.2.1` works well.