Ссылка на API · Vue

@oriatheme/vue

Подключите одну среду выполнения к подключаемому модулю Vue, предоставьте и Composable без зеркалирования состояния среды выполнения.

Упаковка и окружающая среда

Плагин браузера/обеспечивает Vue 3.5; сам модуль безопасен для импорта SSR.

bash

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

bash

npm install @oriatheme/presets @oriatheme/runtime-dom @oriatheme/vue

bash

yarn add @oriatheme/presets @oriatheme/runtime-dom @oriatheme/vue

bash

bun 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 или другой магазин.