OriaTheme
GitHub

API 참조 · Vue

@oriatheme/vue

런타임 상태를 미러링하지 않고 하나의 런타임을 Vue 플러그인에 연결하고, 제공하고, 구성 가능합니다.

패키지 및 환경

Vue 3.5용 브라우저 플러그인/제공; 모듈 자체는 가져오기에 SSR 안전합니다.

bash
pnpm add @oriatheme/presets @oriatheme/runtime-dom @oriatheme/vue

소비자 프로젝트에서 이미 선택한 패키지 관리자와 잠금 파일을 사용하세요. 예제에서는 패키지 루트 내보내기만 사용합니다. src, dist 또는 레지스트리 템플릿에서 깊이 가져오지 마세요.

Exports

수출서명설명
createOriaTheme(config: OriaThemeConfig) => Plugin구성하는 런타임을 소유하는 플러그인을 생성합니다.
provideOriaTheme(config | runtime) => OriaThemeRuntime현재 트리에서 소유되거나 호출자가 제공하는 런타임을 제공합니다.
useOriaTheme() => { snapshot, runtime, setTheme, setAppearance }런타임과 읽기 전용 얕은 스냅샷 참조를 반환합니다.
vue
<script setup lang="ts">
import { useOriaTheme } from "@oriatheme/vue";
const { snapshot, setAppearance } = useOriaTheme();
</script>
<template><button @click="setAppearance('system')">{{ snapshot.resolvedMode }}</button></template>

중요한 유형 및 경계

스냅샷은 DeepReadonly<ShallowRef<ThemeSnapshot>>입니다. 테마, 모양, 해결 모드를 Pinia나 다른 스토어에 미러링하지 마세요.