import type { InjectionKey, Ref } from 'vue'

export type PublicHomeLayoutMode = 'showcase' | 'detailed'

/** 由 `layouts/public.vue` provide，公开主页 `inject` 读取 */
export const publicHomeLayoutModeKey: InjectionKey<Ref<PublicHomeLayoutMode>> = Symbol('publicHomeLayoutMode')

export function usePublicProfileLayoutMode() {
  const mode = inject(publicHomeLayoutModeKey, null)
  if (!mode) {
    return { mode: ref<PublicHomeLayoutMode>('showcase') }
  }
  return { mode }
}