feat: Vue 2.7 compatibility

Author: adamberecz

CHANGELOG.md

@@ -1,3 +1,10 @@
+## v2.1.1
+
+> `2022-07-11`
+
+### 🎉 Features
+  - Vue.js `2.7` compatibility
+
 ## v2.1.0
 
 > `2022-07-11`

build/vue2.rollup.config.js

@@ -1,5 +1,4 @@
 import vue from 'vue-prev-rollup-plugin-vue'
-import alias from '@rollup/plugin-alias'
 import babel from '@rollup/plugin-babel'
 import commonjs from '@rollup/plugin-commonjs'
 import { nodeResolve } from '@rollup/plugin-node-resolve'
@@ -14,11 +13,6 @@ export default [
     },
     plugins: [
       vue(),
-      alias({
-        entries: [
-          { find: 'composition-api', replacement: 'vue' },
-        ]
-      }),
       nodeResolve({
         resolveOnly: ['wnumb', 'nouislider']
       }),
@@ -38,7 +32,6 @@ export default [
       format: 'iife',
       name: 'VueformSlider',
       globals: {
-        'composition-api': 'Vue',
         'vue': 'Vue',
       }
     },
@@ -53,6 +46,6 @@ export default [
       }),
       terser()
     ],
-    external: ['composition-api', 'vue'],
+    external: ['vue'],
   }
 ]

build/vue3.rollup.config.js

@@ -1,5 +1,4 @@
 import vue from 'vue-next-rollup-plugin-vue'
-import alias from '@rollup/plugin-alias'
 import babel from '@rollup/plugin-babel'
 import commonjs from '@rollup/plugin-commonjs'
 import { nodeResolve } from '@rollup/plugin-node-resolve'
@@ -14,11 +13,6 @@ export default [
     },
     plugins: [
       vue(),
-      alias({
-        entries: [
-          { find: 'composition-api', replacement: 'vue' },
-        ]
-      }),
       nodeResolve({
         resolveOnly: ['wnumb', 'nouislider']
       }),
@@ -38,7 +32,6 @@ export default [
       format: 'iife',
       name: 'VueformSlider',
       globals: {
-        'composition-api': 'Vue',
         'vue': 'Vue',
       }
     },
@@ -53,6 +46,6 @@ export default [
       }),
       terser()
     ],
-    external: ['composition-api', 'vue'],
+    external: ['vue'],
   }
 ]

jest/jest.config.vue2.js

@@ -15,7 +15,6 @@ module.exports = {
       "/node_modules/"
   ],
   "moduleNameMapper": {
-      "^composition-api$": "<rootDir>/node_modules/vue-prev",
       "^@vue/test-utils$": "<rootDir>/node_modules/vue-prev-test-utils",
       "^vue$": "<rootDir>/node_modules/vue-prev",
       '^vue-jest$': "<rootDir>/node_modules/vue-prev-jest",

jest/jest.config.vue3.js

@@ -6,7 +6,6 @@ module.exports = Object.assign({}, base, {
       "^.+\\.js$": "babel-jest",
   },
   "moduleNameMapper": {
-      "^composition-api$": "<rootDir>/node_modules/vue-next",
       "^@vue/test-utils$": "<rootDir>/node_modules/vue-next-test-utils",
       "^vue$": "<rootDir>/node_modules/vue-next",
       '^vue-jest$': "<rootDir>/node_modules/vue-next-jest",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueform/slider",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "private": false,
   "description": "Vue 3 slider component with multihandles, tooltips merging and formatting.",
   "license": "MIT",

src/composables/useClasses.js

@@ -1,4 +1,4 @@
-import { computed, ref, toRefs } from 'composition-api'
+import { computed, ref, toRefs } from 'vue'
 
 export default function useClasses (props, context, dependencies)
 {

src/composables/useSlider.js

@@ -1,4 +1,4 @@
-import { ref, computed, toRefs, watch, onMounted, onUnmounted, nextTick } from 'composition-api'
+import { ref, computed, toRefs, watch, onMounted, onUnmounted, nextTick } from 'vue'
 import nouislider from 'nouislider'
 import isNullish from './../utils/isNullish'
 import arraysEqual from './../utils/arraysEqual'

src/composables/useTooltip.js

@@ -1,4 +1,4 @@
-import { computed, toRefs } from 'composition-api'
+import { computed, toRefs } from 'vue'
 import wnumb from 'wnumb'
 
 export default function useTooltip (props, context, dependencies)

src/composables/useValue.js

@@ -1,4 +1,4 @@
-import { ref, toRefs } from 'composition-api'
+import { ref, toRefs } from 'vue'
 import isNullish from './../utils/isNullish'
 
 export default function useValue (props, context, dependencies)

tests/unit/composables/useClasses.spec.js

@@ -1,5 +1,5 @@
 import { createSlider, getValue, destroy, findAllComponents, findAll, setProp } from 'unit-test-helpers'
-import { nextTick } from 'composition-api'
+import { nextTick } from 'vue'
 
 describe('useClasses', () => {
   describe('classList', () => {

tests/unit/composables/useSlider.spec.js

@@ -1,5 +1,5 @@
 import { createSlider, getValue, destroy, findAllComponents, findAll, setProp } from 'unit-test-helpers'
-import { nextTick } from 'composition-api'
+import { nextTick } from 'vue'
 
 describe('useSlider', () => {
   describe('slider', () => {

tests/unit/composables/useTooltip.spec.js

@@ -1,5 +1,5 @@
 import { createSlider, getValue, findAll, setProp } from 'unit-test-helpers'
-import { nextTick } from 'composition-api'
+import { nextTick } from 'vue'
 
 describe('useTooltip', () => {
   describe('tooltipsFormat', () => {