Skip to content

Instantly share code, notes, and snippets.

@nagos
Last active December 22, 2020 18:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nagos/4e38f883a1e9c90cee0476313e6c6dce to your computer and use it in GitHub Desktop.
Save nagos/4e38f883a1e9c90cee0476313e6c6dce to your computer and use it in GitHub Desktop.
<html>
<link rel="stylesheet" href="dist/vue-calendar-heatmap.css"/>
<script src="https://cdn.jsdelivr.net/npm/vue@2.1.6/dist/vue.js"></script>
<script src="dist/vue-calendar-heatmap.browser.js"></script>
<body>
<div id="example">
<calendar-heatmap :values="[{ date: '2020-9-22', count: 6 }]" end-date="2020-12-1"/>
</div>
</body>
<script>
Vue.use(VueCalendarHeatmap)
new Vue({
el: '#example',
data: { hello: 'Hello World!' }
})
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment