feat(vue 3): migrate from Vue.default.version to a fallback (algolia/…

…vue-instantsearch#847)

Co-authored-by: eunjae-lee <[email protected]>

packages/vue-instantsearch/package.json

@@ -46,11 +46,12 @@
   },
   "dependencies": {
     "algoliasearch-helper": "^3.1.0",
-    "instantsearch.js": "^4.20.0"
+    "instantsearch.js": "^4.20.0",
+    "vue-demi": "npm:@eunjae-lee/[email protected]"
   },
   "peerDependencies": {
     "algoliasearch": ">= 3.32.0 < 5",
-    "vue": "^2.6.0",
+    "vue": "^2.6.0 || >=3.0.0-rc.0",
     "vue-server-renderer": "^2.6.11"
   },
   "devDependencies": {
@@ -114,11 +115,11 @@
   "bundlesize": [
     {
       "path": "./dist/vue-instantsearch.js",
-      "maxSize": "52.75 kB"
+      "maxSize": "53.00 kB"
     },
     {
       "path": "./dist/vue-instantsearch.common.js",
-      "maxSize": "16.25 kB"
+      "maxSize": "16.50 kB"
     }
   ],
   "resolutions": {

packages/vue-instantsearch/src/util/createInstantSearchComponent.js

@@ -1,7 +1,7 @@
 import { createSuitMixin } from '../mixins/suit';
 import { version } from '../../package.json'; // rollup does pick only what needed from json
 import { _objectSpread } from './polyfills';
-import Vue from 'vue';
+import { getVueVersion } from './getVueVersion';
 
 export const createInstantSearchComponent = component =>
   _objectSpread(
@@ -54,7 +54,7 @@ export const createInstantSearchComponent = component =>
       created() {
         const searchClient = this.instantSearchInstance.client;
         if (typeof searchClient.addAlgoliaAgent === 'function') {
-          searchClient.addAlgoliaAgent(`Vue (${Vue.version})`);
+          searchClient.addAlgoliaAgent(`Vue (${getVueVersion()})`);
           searchClient.addAlgoliaAgent(`Vue InstantSearch (${version})`);
         }
       },

packages/vue-instantsearch/src/util/getVueVersion.js

@@ -0,0 +1,9 @@
+import { isVue3, version, Vue2 } from 'vue-demi';
+
+export function getVueVersion() {
+  if (isVue3) {
+    return version;
+  } else {
+    return Vue2.version;
+  }
+}