Nuxt 3 style error

[patrickphat]

Describe the bug I try to use Nuxt 3 but it is not totally rendered

To Reproduce Steps to reproduce the behavior:

1. Follow
2. Copy the example

   
   <template>
   <Lotion :page="page" />
   </template>
   <script setup lang="ts">
   import { ref } from 'vue'
   import { v4 as uuidv4 } from 'uuid'
   import { Lotion, registerBlock } from '@dashibase/lotion'

const page = ref({ name: '🧴 Lotion', blocks:[{ id: uuidv4(), type: 'TEXT', details: { value: 'Hello, World!' }, }], })

3. Paste to pages/index.vue
4. See error

**Expected behavior**
A beautifully rendered Lotion editor

**Screenshots**
<img width="289" alt="image" src="https://user-images.githubusercontent.com/45748186/194601102-a8e4423c-4cc5-45bb-bf31-6cd8d931b08c.png">

**Desktop (please complete the following information):**
 - OS: [e.g. iOS]
 - Browser [e.g. chrome, safari]
 - Version [e.g. 22]

**Smartphone (please complete the following information):**
 - Device: [e.g. iPhone6]
 - OS: [e.g. iOS8.1]
 - Browser [e.g. stock browser, safari]
 - Version [e.g. 22]

**Additional context**
Add any other context about the problem here.

[patrickphat]

No one help. closed.

[hendrikbl]

@patrickphat i know it's been a while, but did you get it to work with nuxt 3? I'm facing the same issue.