Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-23 14:15:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(examples): fix dynamic components example (#5294)

Browse Source
This commit is contained in:
Dmitry Molotkov 2019-03-20 19:50:23 +03:00 committed by Pooya Parsa
parent 3ac01df488
commit d9db45c287
4 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
examples/dynamic-components/components/chart.js
View File

@ -1,12 +1,9 @@
let VueChart = import('vue-chartjs' /* webpackChunkName: "vue-chartjs" */)
import { Bar } from 'vue-chartjs'
export default async () => {
VueChart = await VueChart
return VueChart.Bar.extend({
props: ['data'],
mounted() {
this.renderChart(this.data)
}
})
export default {
extends: Bar,
props: ['data'],
mounted() {
this.renderChart(this.data)
}
}

4
examples/dynamic-components/package.json
View File

@ -1,9 +1,9 @@
{
"name": "example-dynamic-components",
"dependencies": {
"chart.js": "^2.7.0",
"chart.js": "^2.7.3",
"nuxt": "latest",
"vue-chartjs": "^2.8.7"
"vue-chartjs": "^3.4.2"
},
"scripts": {
"dev": "nuxt",

2
examples/dynamic-components/pages/index.vue
View File

@ -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" */)
}
export default {

2
examples/dynamic-components/pages/ssr.vue
View File

@ -17,7 +17,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" */)
}
export default {