feat: support Vue 3.2 (#173)

Author: kazupon

package.json

@@ -24,9 +24,9 @@
     }
   },
   "dependencies": {
-    "@babel/parser": "^7.15.2",
+    "@babel/parser": "^7.20.0",
     "@intlify/shared": "^9.0.0",
-    "@vue/compiler-dom": "^3.1.5",
+    "@vue/compiler-dom": "^3.2.45",
     "vue-i18n": "^9.0.0"
   },
   "devDependencies": {
@@ -37,10 +37,10 @@
     "@types/node": "^18.11.17",
     "@typescript-eslint/eslint-plugin": "^5.46.1",
     "@typescript-eslint/parser": "^5.46.1",
-    "@vue/compiler-sfc": "^3.1.5",
-    "@vue/compiler-ssr": "^3.1.5",
-    "@vue/runtime-dom": "^3.1.5",
-    "@vue/server-renderer": "^3.1.5",
+    "@vue/compiler-sfc": "^3.2.45",
+    "@vue/compiler-ssr": "^3.2.45",
+    "@vue/runtime-dom": "^3.2.45",
+    "@vue/server-renderer": "^3.2.45",
     "api-docs-gen": "^0.4.0",
     "babel-loader": "^8.2.0",
     "eslint": "^8.30.0",
@@ -58,7 +58,7 @@
     "shipjs": "^0.24.0",
     "ts-jest": "^27.0.4",
     "typescript": "^4.9.1",
-    "vue": "^3.1.5",
+    "vue": "^3.2.45",
     "vue-loader": "^16.2.0",
     "webpack": "^5.49.0",
     "webpack-cli": "^4.7.2",

test/__snapshots__/pre-translation.test.ts.snap

@@ -1,10 +1,10 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`basic: <div v-t="'hello'"/> 1`] = `
-"const { openBlock: _openBlock, createBlock: _createBlock } = Vue
+"const { openBlock: _openBlock, createElementBlock: _createElementBlock } = Vue
 
 return function render(_ctx, _cache) {
-  return (_openBlock(), _createBlock(\\"div\\", null, \\"こんにちは！\\"))
+  return (_openBlock(), _createElementBlock(\\"div\\", null, \\"こんにちは！\\"))
 }"
 `;
 
@@ -28,6 +28,7 @@ Object {
         "disableTracking": false,
         "dynamicProps": undefined,
         "isBlock": true,
+        "isComponent": false,
         "loc": Object {
           "end": Object {
             "column": 21,
@@ -116,6 +117,7 @@ Object {
     "disableTracking": false,
     "dynamicProps": undefined,
     "isBlock": true,
+    "isComponent": false,
     "loc": Object {
       "end": Object {
         "column": 21,
@@ -139,7 +141,7 @@ Object {
   "filters": Array [],
   "helpers": Array [
     Symbol(openBlock),
-    Symbol(createBlock),
+    Symbol(createElementBlock),
   ],
   "hoists": Array [],
   "imports": Array [],
@@ -162,10 +164,10 @@ Object {
 `;
 
 exports[`missing translation: <div v-t="'foo.bar'"/> 1`] = `
-"const { openBlock: _openBlock, createBlock: _createBlock } = Vue
+"const { openBlock: _openBlock, createElementBlock: _createElementBlock } = Vue
 
 return function render(_ctx, _cache) {
-  return (_openBlock(), _createBlock(\\"div\\", null, \\"foo.bar\\"))
+  return (_openBlock(), _createElementBlock(\\"div\\", null, \\"foo.bar\\"))
 }"
 `;
 
@@ -189,6 +191,7 @@ Object {
         "disableTracking": false,
         "dynamicProps": undefined,
         "isBlock": true,
+        "isComponent": false,
         "loc": Object {
           "end": Object {
             "column": 23,
@@ -277,6 +280,7 @@ Object {
     "disableTracking": false,
     "dynamicProps": undefined,
     "isBlock": true,
+    "isComponent": false,
     "loc": Object {
       "end": Object {
         "column": 23,
@@ -300,7 +304,7 @@ Object {
   "filters": Array [],
   "helpers": Array [
     Symbol(openBlock),
-    Symbol(createBlock),
+    Symbol(createElementBlock),
   ],
   "hoists": Array [],
   "imports": Array [],
@@ -323,10 +327,10 @@ Object {
 `;
 
 exports[`named: <div v-t="{ path: 'hello', locale: 'ja', args: { name: 'kazupon' } }"/> 1`] = `
-"const { openBlock: _openBlock, createBlock: _createBlock } = Vue
+"const { openBlock: _openBlock, createElementBlock: _createElementBlock } = Vue
 
 return function render(_ctx, _cache) {
-  return (_openBlock(), _createBlock(\\"div\\", null, \\"こんにちは、kazupon！\\"))
+  return (_openBlock(), _createElementBlock(\\"div\\", null, \\"こんにちは、kazupon！\\"))
 }"
 `;
 
@@ -350,6 +354,7 @@ Object {
         "disableTracking": false,
         "dynamicProps": undefined,
         "isBlock": true,
+        "isComponent": false,
         "loc": Object {
           "end": Object {
             "column": 72,
@@ -438,6 +443,7 @@ Object {
     "disableTracking": false,
     "dynamicProps": undefined,
     "isBlock": true,
+    "isComponent": false,
     "loc": Object {
       "end": Object {
         "column": 72,
@@ -461,7 +467,7 @@ Object {
   "filters": Array [],
   "helpers": Array [
     Symbol(openBlock),
-    Symbol(createBlock),
+    Symbol(createElementBlock),
   ],
   "hoists": Array [],
   "imports": Array [],
@@ -484,10 +490,10 @@ Object {
 `;
 
 exports[`plural: <div v-t="{ path: 'banana', choice: 2 }"/> 1`] = `
-"const { openBlock: _openBlock, createBlock: _createBlock } = Vue
+"const { openBlock: _openBlock, createElementBlock: _createElementBlock } = Vue
 
 return function render(_ctx, _cache) {
-  return (_openBlock(), _createBlock(\\"div\\", null, \\"2 bananas\\"))
+  return (_openBlock(), _createElementBlock(\\"div\\", null, \\"2 bananas\\"))
 }"
 `;
 
@@ -511,6 +517,7 @@ Object {
         "disableTracking": false,
         "dynamicProps": undefined,
         "isBlock": true,
+        "isComponent": false,
         "loc": Object {
           "end": Object {
             "column": 43,
@@ -599,6 +606,7 @@ Object {
     "disableTracking": false,
     "dynamicProps": undefined,
     "isBlock": true,
+    "isComponent": false,
     "loc": Object {
       "end": Object {
         "column": 43,
@@ -622,7 +630,7 @@ Object {
   "filters": Array [],
   "helpers": Array [
     Symbol(openBlock),
-    Symbol(createBlock),
+    Symbol(createElementBlock),
   ],
   "hoists": Array [],
   "imports": Array [],