No render BaklavaJS V2

[EugineKh]

Hello.
I'm trying to use BaklavaJS V2 but nothing is displayed on the page and there are no errors in the console either.

Create project:

npm create vite@latest testproject
✔ Package name: … testproject
✔ Select a framework: › Vue
✔ Select a variant: › JavaScript

cd testproject
npm install

npm i baklavajs@next

I am using only one file App.vue

<script setup>
import { EditorComponent, useBaklava } from "@baklavajs/renderer-vue"
import { defineNode, NodeInterface, NumberInterface, SelectInterface } from "baklavajs"
import "@baklavajs/themes/dist/syrup-dark.css"

const baklava = useBaklava()
const TestNode = defineNode({
  title: "TestNode",
  inputs: {
    number1: () => new NumberInterface("Number", 1),
    number2: () => new NumberInterface("Number", 10),
    operation: () => new SelectInterface("Operation", "Add", ["Add", "Subtract"]).setPort(false),
  },
  outputs: {
    output: () => new NodeInterface("Output", 0),
  }
})
baklava.editor.registerNodeType(TestNode)
</script>

<template>
<div>Some text before</div>
<EditorComponent :view-model="baklava" />
<div>Some text after</div><br>
</template>

<style scoped>
</style>

[EugineKh]

I figured out what's going on:
in the <template> section, you must specify the component inside another <div> with the dimensions.
For example:

<template>
<div style="height: 100vh; width: 100vw">
     <EditorComponent :view-model="baklava" />
</div>
</template>

The sample in documentation for baklavajs V2 only states:

<template>
    <baklava-editor :view-model="baklava" />
</template>

[newcat]

Thanks, I have added this information to the documentation. It will be published together with the next beta release