Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Vue 3 support

See original GitHub issue

I’m submitting a … (check one with “x”)

[ ] Bug report => search github for a similar issue or PR before submitting
[x] Feature request
[ ] Other, please describe

Tell about your platform

flatPickr version : 4.6.6
Vue.js version : 3.0.0-0
Browser name and version : Chrome 85.0.4183.83 (Official Build) (64-bit)
This package version : 8.1.6

Current behavior

runtime-core.esm-bundler.js?5c40:38 [Vue warn]: Unhandled error during execution of render function 
  at <FlatPickr modelValue=null onUpdate:modelValue=fn > 
  at <App>
warn @ runtime-core.esm-bundler.js?5c40:38

runtime-core.esm-bundler.js?5c40:216 Uncaught TypeError: t is not a function
    at Proxy.render (vue-flatpickr.min.js?c38f:1)
    at renderComponentRoot (runtime-core.esm-bundler.js?5c40:535)
    at componentEffect (runtime-core.esm-bundler.js?5c40:4286)
    at reactiveEffect (reactivity.esm-bundler.js?a1e9:42)
    at effect (reactivity.esm-bundler.js?a1e9:17)
    at setupRenderEffect (runtime-core.esm-bundler.js?5c40:4269)
    at mountComponent (runtime-core.esm-bundler.js?5c40:4227)
    at processComponent (runtime-core.esm-bundler.js?5c40:4183)
    at patch (runtime-core.esm-bundler.js?5c40:3788)
    at mountChildren (runtime-core.esm-bundler.js?5c40:3996)

Expected behavior Works the same as when using vue 2

Minimal reproduction of the problem with instructions

See: https://github.com/mabarbeau/demo-vue-3-flatpickr-component

Update vue-cli
vue create demo-vue-3-flatpickr-component
Select “Default (Vue 3 Preview) ([Vue 3] babel, eslint)”
Create a componet using the minimal example

Issue Analytics

State:
Created 3 years ago
Reactions:2
Comments:13 (8 by maintainers)

Top GitHub Comments

3reactions

ankurk91commented, Sep 18, 2020

I have made some progress,

Looks like it is an easy update https://codesandbox.io/s/flatpickr-in-vuejs-v3-80151

Still have to look into test cases.

P.S - Check progress on next branch

2reactions

TixieBorgcommented, Oct 6, 2020

Looks like it works just fine 👌

Top Results From Across the Web

Frequently Asked Questions - Vue.js

What browsers does Vue support? #. The latest version of Vue (3.x) only supports browsers with native ES2015 support. This excludes IE11. Vue...

Vue.js 3 support - BootstrapVue

Quickly integrate Bootstrap v4 components with Vue.js. ... @vue/compat support is designed for early migration to Vue.js 3 and will be eventually replaced ......

Vue 3 – A roundup of infos about the new version of Vue.js

This version will be available as a LTS (long-term support) version for 18 months, which means that it will still get security updates...

Vue - endoflife.date

Vue is a JavaScript framework for building user interfaces. It builds on top of standard ... Release, Released, Active Support, Security Support, Latest ......

Which UI Frameworks Support Vue 3? - In Plain English

BootstrapVue (13.2k stars on GitHub) enables the usage of Bootstrap (151k stars on GitHub) components in Vue 2 projects. BootstrapVue does not ...