## 📌 Features
You can use following APIs:
- ✅ [Props](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/props/)
- 🚧 [Children Components](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/children-components)
- 🚧 [Utils](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/utils)
- 🚧 [Constants](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/constants)
- 🚧 [Creating Elements programmatically](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/excalidraw-element-skeleton)
Feel free to contribute and get in touch.
## ⚡ Quick Setup
Add `nuxt-excalidraw` dependency to your project
```bash
# Using pnpm
pnpm add -D nuxt-excalidraw
# Using yarn
yarn add --dev nuxt-excalidraw
# Using npm
npm install --save-dev nuxt-excalidraw
```
Add `nuxt-excalidraw` to the `modules` section of `nuxt.config.ts`
```js
export default defineNuxtConfig({
modules: [
'nuxt-excalidraw',
// other modules
]
})
```
🪶 No configuration is necessary
## 👣 Usage
The module injects a component called `ExcalidrawBoard` in your NuxtApp.
The basicest use of it is:
```vue
```
It is important that you load the component once browser APIs are available.
### Using Props
If you want to use, for example, Excalidraw props [`initialData`](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/props/initialdata) and [`onChange`](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/props/#onchange), you can do it as following:
```vue
```
- [✨ Release Notes](/CHANGELOG.md)
- [🤝 Contributing](/CONTRIBUTING.md)
---
_Source: https://npm.io/package/nuxt-excalidraw · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
