Initialization error

[bzgithub]

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?

Thank you in advance for your feedback.

Cheers, Blaz

[KlausSchaefers]

Hi,

1) could you try download with the figma cli?

2) I never tried the 'DesignSystem' mode for Vue3. I am not sure if it works correctly.

Cheers,

Klaus

On Wed, Mar 6, 2024 at 3:52 PM bzgithub @.***> wrote:

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.png (view on web) https://github.com/KlausSchaefers/vue-low-code/assets/9002227/1eaf2d1a-69fe-4406-a781-e837d647afe2

Thank you in advance for your feedback.

Cheers, Blaz

— Reply to this email directly, view it on GitHub https://github.com/KlausSchaefers/vue-low-code/issues/66, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABWHOQHEJINIRKP5R3JGNVTYW4URZAVCNFSM6AAAAABEJGUYO6VHI2DSMVQWIX3LMV43ASLTON2WKOZSGE3TCNRZGMZTQNI . You are receiving this because you are subscribed to this thread.Message ID: @.***>

-- “Overfitting” is not about an excessive amount of physical exercise...

[bzgithub]

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

Blaz