feat: update dynamic-component example

examples/dynamic-components/js/messages.js

@@ -6,16 +6,16 @@ export const messages = [
     component: 'vChart',
     data: {
       labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-      datasets:[
-          {
-            label: 'Activity',
-            backgroundColor: '#41b883',
-            data: [40, 20, 12, 39, 10, 40, 39, 50, 40, 20, 12, 11]
-          }
+      datasets: [
+        {
+          label: 'Activity',
+          backgroundColor: '#41b883',
+          data: [40, 20, 12, 39, 10, 40, 39, 50, 40, 20, 12, 11]
+        }
       ]
     }
   },
-  { component: 'vText', data: 'End of demo 🎉' },
+  { component: 'vText', data: 'End of demo 🎉' }
 ]
 
 async function streamMessages (fn, i = 0) {

examples/dynamic-components/package.json

@@ -2,7 +2,7 @@
   "name": "dynamic-components-nuxt",
   "dependencies": {
     "chart.js": "^2.7.0",
-    "nuxt": "^1.0.0-rc11",
+    "nuxt": "latest",
     "vue-chartjs": "^2.8.7"
   },
   "scripts": {

examples/dynamic-components/pages/index.vue

@@ -16,7 +16,7 @@ const components = {
   vText: () => import('@/components/text.vue' /* webpackChunkName: "components/text" */),
   vImage: () => import('@/components/image.vue' /* webpackChunkName: "components/image" */),
   vCode: () => import('@/components/code.vue' /* webpackChunkName: "components/code" */),
-  vChart: () => import('@/components/chart.js' /* webpackChunkName: "components/chart" */).then((m) => m.default()),
+  vChart: () => import('@/components/chart.js' /* webpackChunkName: "components/chart" */).then((m) => m.default())
 }
 
 export default {