@patryckx https://github.com/apertureless/vue-chartjs to much thnx patryckx so crack you make this so easy and better than page official really you save my life with that beatiful examples i hope you still up examples like that again to much thnx patryckx from méxico.

hi patrick I learning from your examples to implements the apexcharts but in the new framework quasar 2.0.0 I couldnt install so I looking what is changing and in the end I found the new way so I want to pass the information for help others programers so in the file the boot “apex.js” not recognize “Vue” so the new way is this:
file name apex.js
<------------------------implement this code------------------------------------->
import VueApexCharts from ‘vue3-apexcharts’

export default ({ app }) => {
app.component(‘apexchart’, VueApexCharts)
}
<----------------------------------end----------------------------------------------->
and you need have install “vue3-apexcharts” if you use the normal mark error too so that is very important i forgot add the file boot in the quasar.config.js i waste to much time for remember i hope you can improve my informacion in your page for helping other programers i hope this info helping see you and thnx for you excelente page.

@patryckx https://github.com/apertureless/vue-chartjs to much thnx patryckx so crack you make this so easy and better than page official really you save my life with that beatiful examples i hope you still up examples like that again to much thnx patryckx from méxico.

my question is possible pass the $ref validate a component and the component validate the $ref sometime like this https://stackoverflow.com/questions/45187857/passing-refs-content-from-a-child-to-another-vuejs-child-component/45188166

<q-input v-model=“datos.correo” ref=“refCorreo” :rules="[ val => val !== null || ‘Debe escribir un correo o un número de celular’]" />
<ComponentExample :parentRefs="$refs.refCorreo" /> or call in the componente sometime like this this.$parent.$refs.refCorreo.validate()

@turigeza to much thnx your right

@metalsadman sorry you right this is the link example excuse me for this post thnx so much for you help computed_set

@metalsadman look i know that is not the problem but ok in the last i will past this very clear example i did from this page https://vuejs.org/v2/guide/computed.html in the index #computed setter and again didnt working set is not react only get this is my code and you can check test easy thnx .

<template lang="es">
  <q-page class="">
    <div id="demo">{{ fullName }}</div>
    <q-input  v-model="firstName" filled type="text" />
  </q-page>
</template>

<script>
export default {
  data () {
    return {
      firstName: 'Foo',
      lastName: 'Bar'
    }
  },
  computed: {
    fullName: {
      // getter
      get: function () {
        return this.firstName + ' ' + this.lastName
      },
      // setter
      set: function (newValue) {
        var names = newValue.split(' ')
        console.log(names)
        this.firstName = names[0]
        this.lastName = names[names.length - 1]
      }
    }
  }
}
</script>

@turigeza hi yes i didnt put that code cause in the example pruebax should be work with that but the point is get is working and set not that i put the console log but never show arent know is the version or something else but thnx.

i have quasar version 1.6.0 the problem is the get is function but the set not is working i try to do in other clean page and happen the same somebody having this problem ???

<q-btn type="button" color="red" size="sm" label="Cancelar" @click="prueba++"/>
export default {
  data () {
    return {
      datos: {
        nombre: '',
        paterno: '',
        materno: '',
        fechaNacimiento: date.formatDate(Date.now(), 'DD/MM/YYYY'),
        edad: 0,
        sexo: '',
        rfc: '',
        celular: '',
        correo: '',
        descripcion: ''
      },
      edades: 0,
      options: [
        'Masculino', 'Femenino'
      ],
      prueba: 0,
      prueba2: 0
    }
  },
  computed: {
    edadCliente: {
      get () {
        const date1 = new Date()
        const fecha = this.datos.fechaNacimiento.split('/').reverse().join('/')
        // const diff = date.getDateDiff(date1, fecha, 'years')
        // const fecha = dateDisplay.split('/').reverse().join('/')
        return date.getDateDiff(date1, fecha, 'years')
      },
      set (value) {
        console.log(value)
        this.edades = value
      }
    },
    pruebax: {
      get () {
        return this.prueba * 2
      },
      set (v) {
        console.log(v)
        this.prueba2 = v
      }
    }
  }
}