useVModel break with vue 2.7 and vue-demi

[b4n92uid]

Describe the bug

Hello everyone, first thanks for the incredible toolset of composables function

So useVModel is trying to get the emit function directly from the VM :

vueuse/packages/core/useVModel/index.ts

Line 57 in ef6cf56

const _emit = emit || vm?.emit || vm?.$emit?.bind(vm)

const _emit = emit || vm?.emit || vm?.$emit?.bind(vm)

And as stated here by the vue author we should not rely on other than proxy to use the current instance:
vuejs/vue#12596 (comment)

So this can be refactored as (in backward compatible manner):
const _emit = emit || vm?.emit || vm?.$emit?.bind(vm) || vm?.proxy?.emit

Reproduction

N/A

System Info

System:
    OS: Windows 10 10.0.19044
    CPU: (8) x64 Intel(R) Core(TM) i7-3770 CPU @ 3.40GHz
    Memory: 6.45 GB / 15.97 GB
  Binaries:
    Node: 16.8.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 7.21.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (103.0.1264.44)
    Internet Explorer: 11.0.19041.1566

Used Package Manager

yarn

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.

[antfu]

Looks good, PR welcome

[JiuRanYa]

I create a PR #1798

[Staremang]

Problem not resolved

Error:

console.log(vm?.proxy?.emit) // undefined

Fixed:

console.log(vm?.proxy?.$emit)

[Shimada666]

I create a PR #1798

I used the latest version(v8.9.2) but it still doesn't work. Maybe @Staremang's PR can fix that. Could you please review and merge it? Thanks! @antfu