examples: ie compatibility

pimlie · pimlie · commit 3213227f6c9c · 2019-06-10T12:42:12.000+02:00
diff --git 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
@@ -1,17 +1,18 @@
 <!DOCTYPE html>
 <html data-vue-meta-server-rendered>
-<link rel="stylesheet" href="/global.css">
-<title data-vue-meta="ssr">App 1 title</title>
-<meta data-vue-meta="ssr" name="og:description" content="Hello from app 1">
-</html>
+<head>
+  <link rel="stylesheet" href="/global.css">
+  <title data-vue-meta="ssr">App 1 title</title>
+  <meta data-vue-meta="ssr" name="og:description" content="Hello from app 1">
+</head>
 <body>
-<a href="/">&larr; Examples index</a>
-<div id="app1" data-server-rendered="true"><h1>App 1</h1></div>
-<hr />
-<div id="app2"></div>
-<hr />
-<div id="app3"></div>
-<script src="/__build__/multiple-apps.js"></script>
-<script data-vue-meta="ssr" data-body="true">var appId=1.1</script>
+  <a href="/">&larr; Examples index</a>
+  <div id="app1" data-server-rendered="true"><h1>App 1</h1></div>
+  <hr />
+  <div id="app2"></div>
+  <hr />
+  <div id="app3"></div>
+  <script src="/__build__/multiple-apps.js"></script>
+  <script data-vue-meta="ssr" data-body="true">var appId=1.1</script>
 </body>
 </html>
diff --git a/examples/package.json b/examples/package.json
@@ -27,20 +27,21 @@
     "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",
     "fs-extra": "^8.0.1",
     "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
@@ -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
@@ -9,7 +9,7 @@ Vue.use(VueMeta, {
 
 let metaUpdated = 'no'
 const ChildComponent = {
-  name: `child-component`,
+  name: 'child-component',
   props: ['page'],
   template: `<div>
 <h3>You're looking at the <strong>{{ page }}</strong> page</h3>
diff --git 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
@@ -1,3 +1,4 @@
+import 'core-js/es/promise'
 import Vue from 'vue'
 import Vuex from 'vuex'
 
diff --git a/examples/webpack.config.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.

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+import 'core-js/es/promise'`
`1`	`2`	`import Vue from 'vue'`
`2`	`3`	`import Vuex from 'vuex'`
`3`	`4`