DevTools

启用 DevTools

Vue

<script setup>
import { useIncremark, useDevTools, Incremark } from '@incremark/vue'

const incremark = useIncremark()
useDevTools(incremark)
</script>

<template>
  <Incremark :blocks="incremark.blocks" />
</template>

React

import { useIncremark, useDevTools, Incremark } from '@incremark/react'

function App() {
  const incremark = useIncremark()
  useDevTools(incremark)

  return <Incremark blocks={incremark.blocks} />
}

Svelte

<script lang="ts">
  import { useIncremark, useDevTools, Incremark } from '@incremark/svelte'

  const incremark = useIncremark()
  useDevTools(incremark)
</script>

<Incremark blocks={incremark.blocks} />

配置

useDevTools(incremark, {
  open: false,                    // 初始是否打开
  position: 'bottom-right',       // 位置
  theme: 'dark'                   // 主题
})