Fix build

sdirix · sdirix · commit 2bfe692eefc4 · 2023-06-26T17:41:51.000+02:00
Some changes let the build fail at the lerna and bundle steps. This is now fixed.

- Indicate that Node 16 shall be used
- Update Typescript and rollup-plugin-typescript2 versions
- Add "mts" files to resolver
- Remove unnecessary babel plugins in example app

Also indicates in example app that it's for Vue 3
diff --git a/packages/example/babel.config.js b/packages/example/babel.config.js
@@ -1,7 +1,3 @@
 module.exports = {
   presets: ['@vue/cli-plugin-babel/preset'],
-  plugins: [
-    '@babel/plugin-proposal-optional-chaining',
-    '@babel/plugin-proposal-nullish-coalescing-operator',
-  ],
 };
diff --git a/packages/example/package.json b/packages/example/package.json
@@ -37,7 +37,7 @@
     "rimraf": "^4.4.1",
     "sass": "~1.32.0",
     "sass-loader": "^10.0.0",
-    "typescript": "~4.5.5",
+    "typescript": "~4.7.4",
     "vue-cli-plugin-vuetify": "~2.5.8",
     "vuex-pathify": "^3.0.0-beta",
     "webpack-plugin-vuetify": "^2.0.1"
diff --git a/packages/example/public/index.html b/packages/example/public/index.html
@@ -5,13 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>JSON Forms Vue 2 Vuetify example</title>
+    <title>JSON Forms Vue 3 Vuetify example</title>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but the JSON Forms Vue 2 Vuetify example doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong>We're sorry but the JSON Forms Vue 3 Vuetify example doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->
diff --git a/packages/example/src/views/home/Home.vue b/packages/example/src/views/home/Home.vue
@@ -12,7 +12,7 @@
 
       <v-col cols="12" class="text-center">
         <h1 class="display-2 font-weight-bold mb-3">
-          Welcome to JSON Forms Vue 2 Vuetify
+          Welcome to JSON Forms Vue 3 Vuetify
         </h1>
 
         <p class="subheading font-weight-regular">
diff --git a/packages/vue-vuetify/package.json b/packages/vue-vuetify/package.json
@@ -83,10 +83,10 @@
     "rollup": "^3.20.2",
     "rollup-plugin-cleanup": "^3.2.1",
     "rollup-plugin-css-only": "^4.3.0",
-    "rollup-plugin-typescript2": "^0.34.1",
+    "rollup-plugin-typescript2": "^0.35.0",
     "rollup-plugin-visualizer": "^5.5.2",
     "rollup-plugin-vue": "^6.0.0",
-    "typescript": "~4.5.5",
+    "typescript": "~4.7.4",
     "vue": "^3.2.47",
     "vuetify": "^3.1.12"
   }
diff --git a/packages/vue-vuetify/rollup.config.mjs b/packages/vue-vuetify/rollup.config.mjs
@@ -31,7 +31,7 @@ const buildFormats = [
     },
     plugins: [
       resolve({
-        extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
+        extensions: ['.js', '.jsx', '.ts', '.tsx', '.mts', '.vue'],
       }),
       css({
         output: `${packageJson.module.split('/')[1].split('.')[0]}.esm.css`,
@@ -68,7 +68,7 @@ const buildFormats = [
     },
     plugins: [
       resolve({
-        extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
+        extensions: ['.js', '.jsx', '.ts', '.tsx', '.mts', '.vue'],
       }),
       css({
         output: `${packageJson.module.split('/')[1].split('.')[0]}.cjs.css`,
