provideEditor

provideEditor(editor) делает редактор OpenPencil доступным для дочерних компосаблов и headless-примитивов через Vue-инъекцию.

Это основа для useEditor().

Использование

import { provideEditor } from '@open-pencil/vue'

provideEditor(editor)

Базовый пример

<script setup lang="ts">
import { provideEditor } from '@open-pencil/vue'

import type { Editor } from '@open-pencil/core/editor'

const props = defineProps<{
  editor: Editor
}>()

provideEditor(props.editor)
</script>

<template>
  <slot />
</template>

Примечания

Текущий SDK использует provideEditor() и useEditor() напрямую. Некоторые старые примеры и сообщения об ошибках ещё ссылаются на компонент OpenPencilProvider, но модель инъекции — это реальная поверхность API, которую следует предпочитать в документации и коде приложения.

Связанные API

• useEditor