chakra-ui-vue-next icon indicating copy to clipboard operation
chakra-ui-vue-next copied to clipboard

feat: add `v-model` support for `chakra` factory components

Open codebender828 opened this issue 4 years ago • 1 comments

Feat: add v-model support for chakra factory components

User would like to do this:

<template>
  <chakra.input type="text" v-model="input" />
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      input: "",
    };
  },
};
</script>

Is your feature request related to a problem? Please describe.

Cannot use two-way binding for components generated by chakra factory function

Reproduction

https://codesandbox.io/s/charka-input-issue-forked-9m5mw?file=/src/App.vue:0-350

Describe alternatives you've considered

Additional context

codebender828 avatar Jul 29 '21 13:07 codebender828

Hi @codebender828 ,

I opened the reproduction but if i bump the @chakra-ui/vue-next version to 1.0.0-alpha.15 the problem seems fixed. I tried it in the monorepo and i don't have any problem using the v-model with chakra.input factory function.

If you can confirm, we can close the issue 😊

Shyrro avatar Aug 12 '22 08:08 Shyrro

tahnks

codebender828 avatar Feb 17 '23 16:02 codebender828