feat(extendRef): support 2.7, close #2340

packages/shared/extendRef/index.md

@@ -8,7 +8,7 @@ Add extra attributes to Ref.
 
 ## Usage
 
-> This function is **NOT compatible with Vue 2**.
+> This function is **NOT compatible with Vue 2.6 or below**.
 
 > Please note the extra attribute will not be accessible in Vue's template.
 

packages/shared/extendRef/index.ts

@@ -1,6 +1,6 @@
 import type { Ref, ShallowUnwrapRef } from 'vue-demi'
 import { isRef } from 'vue-demi'
-import { __onlyVue3 } from '../utils/compatibility'
+import { __onlyVue27Plus } from '../utils/compatibility'
 
 export interface ExtendRefOptions<Unwrap extends boolean = boolean> {
   /**
@@ -29,7 +29,7 @@ export function extendRef<R extends Ref<any>, Extend extends object, Options ext
 
 // implementation
 export function extendRef<R extends Ref<any>, Extend extends object>(ref: R, extend: Extend, { enumerable = false, unwrap = true }: ExtendRefOptions = {}) {
-  __onlyVue3()
+  __onlyVue27Plus()
 
   for (const [key, value] of Object.entries(extend)) {
     if (key === 'value')

packages/shared/utils/compatibility.ts

@@ -1,4 +1,4 @@
-import { isVue3 } from 'vue-demi'
+import { isVue3, version } from 'vue-demi'
 
 export function __onlyVue3(name = 'this function') {
   if (isVue3)
@@ -7,6 +7,13 @@ export function __onlyVue3(name = 'this function') {
   throw new Error(`[VueUse] ${name} is only works on Vue 3.`)
 }
 
+export function __onlyVue27Plus(name = 'this function') {
+  if (isVue3 || version.startsWith('2.7.'))
+    return
+
+  throw new Error(`[VueUse] ${name} is only works on Vue 2.7 or above.`)
+}
+
 export const directiveHooks = {
   mounted: (isVue3 ? 'mounted' : 'inserted') as 'mounted',
   updated: (isVue3 ? 'updated' : 'componentUpdated') as 'updated',