Quasar Framework integration issue

[ebeton-ro]

First of all I didn't know where to place type of question/problem.
I tried to integrate the editor with the Quasar framework with vite and webpack.
I also tried to clone this project on local machine ... I couldn't get it to trigger the @has-errors event.

Is there any special way of having this event triggered?

[josejachuf]

Hi, in my case I do not even get the error, the component does not appear directly in the component tree

<template>
  <q-page class="" padding>
    <p>vue-json-editor</p>
    <q-btn label="Prueba" />
    <Vue3JsonEditor
      v-model="json"
      :show-btns="true"
      :expandedOnStart="true"
      @json-change="onJsonChange"
    />
  </q-page>
</template>

<script>
import { defineComponent, reactive, toRefs } from 'vue'
import { Vue3JsonEditor } from 'vue3-json-editor'

export default defineComponent({
  name: 'IndexPage',
  components: [Vue3JsonEditor],
    setup () {
      function onJsonChange (value) {
        console.log('value:', value)
      }

      const state = reactive({
        json: {}
      })

      return {
        ...toRefs(state),
        onJsonChange
      }
  }
})
</script>

[josejachuf]

I have an import problem

Failed to resolve component: Vue3JsonEditor

If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

[joaomede]

Hi Guys.
if your project is different, please open different issues so as not to cause confusion.

about your problem with Quasar/Vite; I've never tested for Quasar/Vite, I've tested for VueJS/Vite, if possible, create a sandbox or something like that for me to take a look at.

[ebeton-ro]

I will try to do that.
Just to be clear I put an hold on that project but I will create a github/gitlab repo and let you know ASAP.
Sorry I have to many things to do this days.