You've already forked AstralRinth
forked from didirus/AstralRinth
1e0d7c7e28
- Cosmetics and theme preferences are now only stored in cookies instead of a combination of both cookies and state. - The theme plugin now supports client hints. This allows the server to render a page using the client-preferred theme provided it supplies this information (any browser other than Firefox), helping to avoid an annoying flash while the page is hydrating. - For the future, the theme plugin now supports additional light themes. Light theme preferences are currently not stored, but this can easily be fixed if the need arises. - The previous workaround using the Nitro plugin has been removed. Its functionality is now handled by the Nuxt theme plugin with cleaner code. - All pages and components now use the new plugins. - Compared to the previous attempt, this commit has been improved to be more robust in cases where the theme cookie contains invalid values. Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
15 lines
652 B
TypeScript
15 lines
652 B
TypeScript
/**
|
|
* Creates a computed reference that uses a provide getter function called with an argument representing the current mount state of the component.
|
|
* @param getter A getter function that will run with `mounted` argument representing whether or not the component is mounted.
|
|
* @returns A computed reference that changes when component becomes mounted or unmounted.
|
|
*/
|
|
export function useMountedValue<T>(getter: (isMounted: boolean) => T) {
|
|
const mounted = ref(getCurrentInstance()?.isMounted ?? false);
|
|
|
|
onMounted(() => (mounted.value = true));
|
|
|
|
onUnmounted(() => (mounted.value = false));
|
|
|
|
return computed(() => getter(mounted.value));
|
|
}
|