fix: global data not warming up correctly after hydration
This commit is contained in:
@@ -29,17 +29,21 @@ export const useModels = () => {
|
||||
initPromise: Promise<void> | null;
|
||||
};
|
||||
|
||||
const init = () => {
|
||||
if (state.initPromise) return;
|
||||
const init = (): Promise<void> => {
|
||||
if (state.initPromise) return state.initPromise;
|
||||
|
||||
state.initPromise = (async () => {
|
||||
const query = triplit.query('providers').Include('models');
|
||||
|
||||
const { results } = await useQuery('providers', triplit, query)
|
||||
watch(results, (newProviders) => {
|
||||
state.providers.value = newProviders as unknown as ProviderWithModels[] || [];
|
||||
if (newProviders && newProviders.length > 0) {
|
||||
state.providers.value = newProviders as unknown as ProviderWithModels[];
|
||||
}
|
||||
}, { immediate: true, flush: 'sync' });
|
||||
})();
|
||||
|
||||
return state.initPromise;
|
||||
};
|
||||
|
||||
const allModels = computed<ModelWithProvider[]>(() => {
|
||||
|
||||
Reference in New Issue
Block a user