wip: basic compat test

diff --git a/jest.config.js b/jest.config.js
index 7ec66b39d15e373477b6b33a2d93aae7d9eb678a..306ed5f0379f73dcea12617fdc742ba54b3b4622 100644 (file)
--- a/jest.config.js
+++ b/jest.config.js
@@ -35,6 +35,7 @@ module.exports = {
   watchPathIgnorePatterns: ['/node_modules/', '/dist/', '/.git/'],
   moduleFileExtensions: ['ts', 'tsx', 'js', 'json'],
   moduleNameMapper: {
+    '@vue/compat': '<rootDir>/packages/vue-compat/src',
     '^@vue/(.*?)$': '<rootDir>/packages/$1/src',
     vue: '<rootDir>/packages/vue/src'
   },

diff --git a/packages/runtime-core/src/compat/__tests__/compatGlobal.spec.ts b/packages/runtime-core/src/compat/__tests__/compatGlobal.spec.ts
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..d4e94433d8cd4e069f9cdd955d7a0ad51cd636a1 100644 (file)
--- a/packages/runtime-core/src/compat/__tests__/compatGlobal.spec.ts
+++ b/packages/runtime-core/src/compat/__tests__/compatGlobal.spec.ts
@@ -0,0 +1,16 @@
+import Vue from '@vue/compat'
+
+test('should work', async () => {
+  const el = document.createElement('div')
+  el.innerHTML = `{{ msg }}`
+  new Vue({
+    el,
+    data() {
+      return {
+        msg: 'hello'
+      }
+    }
+  })
+  expect('global app bootstrapping API has changed').toHaveBeenWarned()
+  expect(el.innerHTML).toBe('hello')
+})

diff --git a/packages/runtime-core/src/compat/customDirective.ts b/packages/runtime-core/src/compat/customDirective.ts
index f7ae36ec14de67666be97d8195c9de22a4c9c090..fba2573aa5e4f535525e171ce28ee9ea8a5499ee 100644 (file)
--- a/packages/runtime-core/src/compat/customDirective.ts
+++ b/packages/runtime-core/src/compat/customDirective.ts
@@ -1,4 +1,4 @@
-import { isArray } from '@vue/shared/src'
+import { isArray } from '@vue/shared'
 import { ObjectDirective, DirectiveHook } from '../directives'
 import { DeprecationTypes, warnDeprecation } from './deprecations'
 

diff --git a/packages/runtime-core/src/compat/deprecations.ts b/packages/runtime-core/src/compat/deprecations.ts
index 4dda842d64ab48046c767232a8c4b0120da2cffe..6cadda92452d812a1279730e5fa1135303960c43 100644 (file)
--- a/packages/runtime-core/src/compat/deprecations.ts
+++ b/packages/runtime-core/src/compat/deprecations.ts
@@ -122,7 +122,7 @@ const deprecations: Record<DeprecationTypes, DeprecationData> = {
 
   [DeprecationTypes.INSTANCE_MOUNT]: {
     message:
-      `The global app boostrapping API has changed: vm.$mount() and the "el" ` +
+      `The global app bootstrapping API has changed: vm.$mount() and the "el" ` +
       `option have been removed. Use createApp(RootComponent).mount() instead.`,
     link: `https://v3.vuejs.org/guide/migration/global-api.html#mounting-app-instance`
   },

diff --git a/packages/runtime-core/src/compat/global.ts b/packages/runtime-core/src/compat/global.ts
index 68b1bb53aecd49c23d24a7f56c2eab8d22c7d293..e3d860a907356b62e3c31b03449c390b9cd651fb 100644 (file)
--- a/packages/runtime-core/src/compat/global.ts
+++ b/packages/runtime-core/src/compat/global.ts
@@ -246,7 +246,7 @@ export function installCompatMount(
     if (hasNoRender) {
       instance.render = emptyRender
     }
-    setupComponent(instance, __NODE_JS__)
+    setupComponent(instance)
     vnode.component = instance
 
     // $mount & $destroy
@@ -312,7 +312,7 @@ export function installCompatMount(
         }
         instance.render = null
         ;(component as ComponentOptions).template = container.innerHTML
-        finishComponentSetup(instance, __NODE_JS__, true /* skip options */)
+        finishComponentSetup(instance, false, true /* skip options */)
       }
 
       // clear content before mounting

diff --git a/tsconfig.json b/tsconfig.json
index 117bce3edf97e712f62f084e769de5a8ce44e7c4..cb22e063f38395e63eefe53b1a837a9ef863d363 100644 (file)
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -18,6 +18,7 @@
     "types": ["jest", "puppeteer", "node"],
     "rootDir": ".",
     "paths": {
+      "@vue/compat": ["packages/vue-compat/src"],
       "@vue/*": ["packages/*/src"],
       "vue": ["packages/vue/src"]
     }