goodtables-vue
v0.1.3
Published
Vue component to render goodtables reports
Downloads
1
Readme
goodtables-vue-js
Vue component to show goodtables report.
Demo
https://frictionlessdata.github.io/goodtables-vue-js/
Usage
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>goodtables-vue</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="//unpkg.com/goodtables-vue@version/dist/goodtables-vue.min.css">
</head>
<body>
<div id="app"></div>
<script src="//unpkg.com/[email protected]/dist/axios.js"></script>
<script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="//unpkg.com/[email protected]/dist/vue.js"></script>
<script src="//unpkg.com/goodtables-vue@version/dist/goodtables-vue.min.js"></script>
<script>
var app = new Vue({
el: '#app',
data: {
report: null,
},
components: {
Report: goodtablesVue.Report,
},
template: '<div class="container"><Report v-if="report" :report="report" /></div>',
mounted: function () {
axios.get('data/report.json').then(res => {
this.report = res.data
})
}
})
</script>
</body>
</html>Development
$ npm run dev
$ npm run build
$ npm run test