41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
|
import * as misskey from 'misskey-js';
|
||
|
|
import { ComputedRef, inject, isRef, onActivated, onMounted, provide, ref, Ref } from 'vue';
|
||
|
|
|
||
|
|
export const setPageMetadata = Symbol('setPageMetadata');
|
||
|
|
export const pageMetadataProvider = Symbol('pageMetadataProvider');
|
||
|
|
|
||
|
|
export type PageMetadata = {
|
||
|
|
title: string;
|
||
|
|
subtitle?: string;
|
||
|
|
icon?: string | null;
|
||
|
|
avatar?: misskey.entities.User | null;
|
||
|
|
userName?: misskey.entities.User | null;
|
||
|
|
};
|
||
|
|
|
||
|
|
export function definePageMetadata(metadata: PageMetadata | null | Ref<PageMetadata | null> | ComputedRef<PageMetadata | null>): void {
|
||
|
|
const _metadata = isRef(metadata) ? metadata : ref(metadata);
|
||
|
|
|
||
|
|
provide(pageMetadataProvider, _metadata);
|
||
|
|
|
||
|
|
const set = inject(setPageMetadata) as any;
|
||
|
|
if (set) {
|
||
|
|
set(_metadata);
|
||
|
|
|
||
|
|
onMounted(() => {
|
||
|
|
set(_metadata);
|
||
|
|
});
|
||
|
|
|
||
|
|
onActivated(() => {
|
||
|
|
set(_metadata);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export function provideMetadataReceiver(callback: (info: ComputedRef<PageMetadata>) => void): void {
|
||
|
|
provide(setPageMetadata, callback);
|
||
|
|
}
|
||
|
|
|
||
|
|
export function injectPageMetadata(): PageMetadata | undefined {
|
||
|
|
return inject(pageMetadataProvider);
|
||
|
|
}
|