importing bug

[Emir507]

vue-fuse.es.js is not importing properties correctly

`./node_modules/vue-fuse/dist/vue-fuse.es.js`
...
import { ref, computed, watch } from "vue";
...

 warning  in ./node_modules/vue-fuse/dist/vue-fuse.es.js
"export 'computed' was not found in 'vue'

 warning  in ./node_modules/vue-fuse/dist/vue-fuse.es.js
"export 'ref' was not found in 'vue'

 warning  in ./node_modules/vue-fuse/dist/vue-fuse.es.js
"export 'watch' was not found in 'vue'

it works if i change 'vue' on 'vue-demi' manually in node_modules folder

what do I do?

[jonadeline]

same here

[shayneo]

@Emir507 @jonadeline what version of vue are y'all on?

[Emir507]

@shayneo vue 2

[shayneo]

@Emir507 cool! do you have @vue/composition-api installed? it's required to use vue-fuse with vue 2

[jonadeline]

I tried the composition-api method but it wasn't successful.
I finally ended up to import it this way in my component (within a nuxt project)

components: {
    VueFuse: () => {
      if (process.client) {
        // @ts-ignore
        return import('vue-fuse')
      }
    },
 }