diff --git a/examples/.babelrc b/examples/.babelrc index c7e1abb..4a8d552 100644 --- a/examples/.babelrc +++ b/examples/.babelrc @@ -1,4 +1,14 @@ { - "presets": [["@babel/preset-env", { targets: { node: "current" } }]], - "plugins": ["dynamic-import-node"] + "presets": [ + ["@babel/preset-env", { + useBuiltIns: 'usage', + corejs: 3, + targets: { + ie: 9 + } + }] + ], + "plugins": [ + "dynamic-import-node" + ] } diff --git a/examples/multiple-apps/index.html b/examples/multiple-apps/index.html index 9fcc869..3bc5a74 100644 --- a/examples/multiple-apps/index.html +++ b/examples/multiple-apps/index.html @@ -1,17 +1,18 @@ - -App 1 title - - + + + App 1 title + + -← Examples index -

App 1

-
-
-
-
- - + ← Examples index +

App 1

+
+
+
+
+ + diff --git a/examples/package.json b/examples/package.json index 699ae6f..dd5c4ac 100644 --- a/examples/package.json +++ b/examples/package.json @@ -27,6 +27,7 @@ "babel-loader": "^8.0.6", "babel-plugin-dynamic-import-node": "^2.2.0", "consola": "^2.7.1", + "core-js": "3", "cross-env": "^5.2.0", "express": "^4.17.1", "express-urlrewrite": "^1.2.0", @@ -34,13 +35,13 @@ "lodash": "^4.17.11", "vue": "^2.6.10", "vue-loader": "^15.7.0", - "vue-meta": "^1.6.0", + "vue-meta": "^2.0.1", "vue-router": "^3.0.6", "vue-server-renderer": "^2.6.10", "vue-template-compiler": "^2.6.10", "vuex": "^3.1.1", - "webpack": "^4.32.2", - "webpack-dev-server": "^3.5.0", + "webpack": "^4.33.0", + "webpack-dev-server": "^3.7.1", "webpackbar": "^3.2.0" } } diff --git a/examples/server.js b/examples/server.js index 534743a..f302f87 100644 --- a/examples/server.js +++ b/examples/server.js @@ -5,7 +5,7 @@ import express from 'express' import rewrite from 'express-urlrewrite' import webpack from 'webpack' import webpackDevMiddleware from 'webpack-dev-middleware' -import WebpackConfig from './webpack.config.babel' +import WebpackConfig from './webpack.config' const app = express() diff --git a/examples/vue-router/app.js b/examples/vue-router/app.js index ee679d0..9dfadd2 100644 --- a/examples/vue-router/app.js +++ b/examples/vue-router/app.js @@ -9,7 +9,7 @@ Vue.use(VueMeta, { let metaUpdated = 'no' const ChildComponent = { - name: `child-component`, + name: 'child-component', props: ['page'], template: `

You're looking at the {{ page }} page

diff --git a/examples/vuex-async/store.js b/examples/vuex-async/store.js index 829d247..07cdfd5 100644 --- a/examples/vuex-async/store.js +++ b/examples/vuex-async/store.js @@ -1,3 +1,4 @@ +import 'core-js/es/promise' import Vue from 'vue' import Vuex from 'vuex' diff --git a/examples/vuex/store.js b/examples/vuex/store.js index 5d67d94..a3da819 100644 --- a/examples/vuex/store.js +++ b/examples/vuex/store.js @@ -1,3 +1,4 @@ +import 'core-js/es/promise' import Vue from 'vue' import Vuex from 'vuex' diff --git a/examples/webpack.config.babel.js b/examples/webpack.config.js similarity index 90% rename from examples/webpack.config.babel.js rename to examples/webpack.config.js index 528f0b5..7a8e306 100644 --- a/examples/webpack.config.babel.js +++ b/examples/webpack.config.js @@ -4,6 +4,8 @@ import webpack from 'webpack' import WebpackBar from 'webpackbar' import VueLoaderPlugin from 'vue-loader/lib/plugin' +const srcDir = path.join(__dirname, '..', 'src') + export default { devtool: 'inline-source-map', mode: 'development', @@ -32,7 +34,7 @@ export default { resolve: { alias: { 'vue': 'vue/dist/vue.js', - 'vue-meta': process.env.NODE_ENV === 'development' ? path.join(__dirname, '..', 'src') : 'vue-meta' + 'vue-meta': process.env.NODE_ENV === 'development' ? srcDir : 'vue-meta' } }, // Expose __dirname to allow automatically setting basename.