This is a Vue component wrapping TOAST UI Calendar.
- 📙 Documents
- Collect statistics on the use of open source
- 💾 Install
- 📅 Usage
- 🔧 Pull Request Steps
- 💬 Contributing
- 📜 License
TOAST UI Calendar for Vue applies Google Analytics (GA) to collect statistics on the use of open source, in order to identify how widely TOAST UI Calendar is used throughout the world. It also serves as important index to determine the future course of projects. location.hostname (e.g. > “ui.toast.com") is to be collected and the sole purpose is nothing but to measure statistics on the usage.
To disable GA, set the usageStatistics option to false:
<template>
<ToastUICalendar :usage-statistics="false" />
</template>npm install --save @toast-ui/vue-calendarTo use TOAST UI Calendar for Vue, Vue 2 should be installed. Vue 3 is not supported.
You can use Toast UI Calendar for Vue as moudule format or namespace. Also you can use Single File Component (SFC of Vue).
/* ES6 module in Node.js environment */
import ToastUICalendar from '@toast-ui/vue-calendar';
import '@toast-ui/calendar/dist/toastui-calendar.css';/* CommonJS in Node.js environment */
const Calendar = require('@toast-ui/vue-calendar');
require('@toast-ui/calendar/dist/toastui-calendar.css');// browser environment namespace
const Calendar = tui.VueCalendar;<template>
<Calendar style="height: 800px" />
</template>
<script>
import Calendar from '@toast-ui/vue-calendar';
import '@toast-ui/calendar/dist/toastui-calendar.min.css';
export default {
name: 'YourComponent',
components: {
Calendar,
},
};
</script>import Calendar from '@toast-ui/vue-calendar';
import '@toast-ui/calendar/dist/toastui-calendar.min.css';
new Vue({
el: '#app',
components: {
Calendar,
},
});TOAST UI products are open source, so you can create a pull request(PR) after you fix issues. Run npm scripts and develop yourself with the following process.
Fork main branch into your personal repository.
Clone it to local computer. Install node modules.
Before starting development, you should check to have any errors.
git clone https://github.com/{your-personal-repo}/[[repo name]].git
cd [[repo name]]
npm installLet's start development!
Before PR, check to test lastly and then check any errors. If it has no error, commit and then push it!
For more information on PR's step, please see links of Contributing section.