Use BaklavaJS with Nuxt

BaklavaJS is a graph/node editor for the web create by Frederik Wagner alias new cat. Nuxt is a SSR framework.

Step 1 — Install Nuxt.
Please refer to https://nuxtjs.org/

Step 2 — Create Nuxt project

To use Baklavajs with Nuxt, you must select Typescript in selection.

Step 3 — Install Baklavajs

Step 3 — Install Baklavajs plugin

Create baklava.client.js in nuxt/plugins repository.

Step 4- Change Nuxt.config.js

Change nuxt.config.js to insert plugins and remove babel warn message

Step 5 — Create first page with baklavajs

Change index.vue page with the following code

Step 6 — Create a node component

Create folder node in components repository in Nuxt

Create file OutputNode.ts, in component/node/ with following code

Step 7 — Launch nuxt

yarn dev