KlausSchaefers/vue-low-code

Initialization error

bzgithub opened this issue · 2 comments

bzgithub commented

Hi, firstly, let me thank you for your product :)

I got from an external designer access to a Figma project. I don't use Figma, so let's consider I don't know anything about how it works.

In my Vue3 project I wanted to try your "vue-low_code" module. I installed it yesterday and then I wrote a download.js node script for downloading json file for Figma project. I successfully downloaded it and then I set up my main.js file like this:

import { createApp } from "vue"
import App from "./App.vue"
import * as VueLowCode from "vue-low-code"
import figmaDesign from './figma/figma.json'

async function init () {
    await VueLowCode.createFigmaDesignSystem(figmaDesign)
    const app = createApp(App);
    app.mount("#app");
}

init()

But I get an error in the browser as seen in the image below. Since I don't know anything about Figma, I am wondering if there is something wrong with the design file itself or is this error a manifestation of something else? Is it ok that console errors reference QUXDesignSystem?

image

Thank you in advance for your feedback.

Cheers,
Blaz

KlausSchaefers commented
bzgithub commented

Hi, thanks for your tip. I ended up using some npm modules for figma cli.

Blaz