feat: enable onload callbacks (#414)

* refactor(examples): run ssr example from server * chore: switch to babel for build buble complains too much * feat: enable loaded callbacks feat: add skip option * examples: add async-callback browser example * examples: fix server * examples(ssr): add reactive script with callback * fix: also skip on ssr * chore: remove unused var * feat: only add mutationobserver if DOM is still loading feat: disconnect mutation observer once DOM has loaded * examples: pass vmid to loadCallback instead of el * feat: also support load callbacks for link/style tags * test: add unit tests for load * test: add load e2e test * chore: fix lint * chore: remove unused files * test: fix e2e load callback test * test: fix attempt * examples: ie9 compatiblity destructuring doesnt work in ie9 * fix: add onload attribute on ssr dont rely on mutationobserver * chore: lint ci conf * refactor: remove loadCallbackAttribute config option test: fix coverage for load * test: improve coverage * fix: only use console when it exists (for ie9) * chore: fix coverage
2026-06-19 22:00:33 +03:00 · 2019-07-24 10:18:40 +02:00
parent 05163a77a8
commit fc71e1f1c4
49 changed files with 963 additions and 632 deletions
@@ -0,0 +1,22 @@
+html, body {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  color: #2c3e50;
+}
+
+#app {
+  padding: 0 20px;
+}
+
+ul {
+  line-height: 1.5em;
+  padding-left: 1.5em;
+}
+
+a {
+  color: #7f8c8d;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #4fc08d;
+}
@@ -0,0 +1,21 @@
+<!doctype html>
+<html>
+<head>
+  <title>Vue Meta Examples</title>
+  <link rel="stylesheet" href="/global.css">
+</head>
+<body style="padding: 0 20px">
+  <h1>Vue Meta Examples</h1>
+  <ul>
+    <li><a href="basic">Basic</a></li>
+    <li><a href="basic-render">Basic Render</a></li>
+    <li><a href="keep-alive">Keep alive</a></li>
+    <li><a href="multiple-apps">Usage with multiple apps</a></li>
+    <li><a href="ssr">SSR</a></li>
+    <li><a href="vue-router">Usage with vue-router</a></li>
+    <li><a href="vuex">Usage with vuex</a></li>
+    <li><a href="vuex-async">Usage with vuex + async actions</a></li>
+    <li><a href="async-callback">Async Callback</a></li>
+  </ul>
+</body>
+</html>
@@ -0,0 +1,23 @@
+window.users.push({
+  'id': 1,
+  'name': 'Leanne Graham',
+  'username': 'Bret',
+  'email': 'Sincere@april.biz',
+  'address': {
+    'street': 'Kulas Light',
+    'suite': 'Apt. 556',
+    'city': 'Gwenborough',
+    'zipcode': '92998-3874',
+    'geo': {
+      'lat': '-37.3159',
+      'lng': '81.1496'
+    }
+  },
+  'phone': '1-770-736-8031 x56442',
+  'website': 'hildegard.org',
+  'company': {
+    'name': 'Romaguera-Crona',
+    'catchPhrase': 'Multi-layered client-server neural-net',
+    'bs': 'harness real-time e-markets'
+  }
+})
@@ -0,0 +1,23 @@
+window.users.push({
+  'id': 2,
+  'name': 'Ervin Howell',
+  'username': 'Antonette',
+  'email': 'Shanna@melissa.tv',
+  'address': {
+    'street': 'Victor Plains',
+    'suite': 'Suite 879',
+    'city': 'Wisokyburgh',
+    'zipcode': '90566-7771',
+    'geo': {
+      'lat': '-43.9509',
+      'lng': '-34.4618'
+    }
+  },
+  'phone': '010-692-6593 x09125',
+  'website': 'anastasia.net',
+  'company': {
+    'name': 'Deckow-Crist',
+    'catchPhrase': 'Proactive didactic contingency',
+    'bs': 'synergize scalable supply-chains'
+  }
+})
@@ -0,0 +1,23 @@
+window.users.push({
+  'id': 3,
+  'name': 'Clementine Bauch',
+  'username': 'Samantha',
+  'email': 'Nathan@yesenia.net',
+  'address': {
+    'street': 'Douglas Extension',
+    'suite': 'Suite 847',
+    'city': 'McKenziehaven',
+    'zipcode': '59590-4157',
+    'geo': {
+      'lat': '-68.6102',
+      'lng': '-47.0653'
+    }
+  },
+  'phone': '1-463-123-4447',
+  'website': 'ramiro.info',
+  'company': {
+    'name': 'Romaguera-Jacobson',
+    'catchPhrase': 'Face to face bifurcated interface',
+    'bs': 'e-enable strategic applications'
+  }
+})
@@ -0,0 +1,23 @@
+window.users.push({
+  'id': 4,
+  'name': 'Patricia Lebsack',
+  'username': 'Karianne',
+  'email': 'Julianne.OConner@kory.org',
+  'address': {
+    'street': 'Hoeger Mall',
+    'suite': 'Apt. 692',
+    'city': 'South Elvis',
+    'zipcode': '53919-4257',
+    'geo': {
+      'lat': '29.4572',
+      'lng': '-164.2990'
+    }
+  },
+  'phone': '493-170-9623 x156',
+  'website': 'kale.biz',
+  'company': {
+    'name': 'Robel-Corkery',
+    'catchPhrase': 'Multi-tiered zero tolerance productivity',
+    'bs': 'transition cutting-edge web services'
+  }
+})