[v.6.0] Vue undefined while using reactive about vue-demi HOT 8 CLOSED

Could you share your node_modules/vue-demi archive? Thanks!

from vue-demi.

Do you need files or is a screenshot enough for you?

I forgot to mention, that the Vue2 application works fine if I run it locally via npm run serve.

from vue-demi.

Humm, I need the files as vue-demi modifies them on installs.

Meanwhile, did you try this?

-import { computed, reactive } from "@vue/composition-api"
+import { computed, reactive } from "vue-demi"
import { toReadonlyState } from "@/utils/composition"

from vue-demi.

I'm not directly using vue-demi in this project. I created a similar library like vueuse which uses vue-demi and this one is used in my SPA project. So it's maybe better if i send you the files from the library project?

from vue-demi.

Here are the files from my "vueuse" project using v0.6.0.
vue-demi.zip

from vue-demi.

Seem it got resolved correctly. My assumption it that you are using apis from @vue/composition-api before it get installed. vue-demi offered a util for you to ensure the installation, can you try to do this on the file you getting the error?

import { install } from 'vue-demi'

install()

// use apis after install()

from vue-demi.

Thanks for the hint 👍 I'll try as soon as I can find a time slot for it :)

from vue-demi.

Hi @antfu,

I've solved the issue by adding install before the reactive call. You were right, the call happened before the installation of the composition api.

Thanks for the hint !

// FIX
install(Vue)

const state = reactive<GeneralStore>({
  token: null,
  isAuthenticated: false,
  isTranslationPresent: false,
  translationError: false

from vue-demi.