The low-calorie* Vue calendar.
(*) There are lower-calorie (smaller) Vue calendars, such as flatpickr. I just thought low-cal sounded clever.
Low-Cal provides a Vue component to show a simple month-oriented calendar.
It's not a date picker as such, but could be used as the basis for one.
To learn how to use it ... kindly refer to the code :)
Fair warning: The primary purpose of this project is to learn a thing or two, rather than maintain a fully-featured component. Share and enjoy
-
See
main.ts, which configures VueFontAwesome as<fa-icon>component and imports only the specific icons needed. -
DateComputer.tsdemonstrates a vue-class-component TypeScript class used as a reactive state class (not a Vue component).
Build ala Vue-Cli:
yarn install: set up projectyarn serve: hot-reloading for developmentyarn build: compiles distribution for production
Development process inspired by git-flow:
masterbranch holds tagged releases (only)developbranch follows development
Other git-flow tenets are loosely followed (it's a small project)
Release process:
-
Update the version in
package.json -
git commit -a -m "vX.Y.Z"(with optional release notes) -
yarn build(produces production dist, clears/docs, copies/distto/docsfor GitHub Pages demo site) -
git checkout master && git merge develop && git tag X.Y.Z(no 'v') -
git push --all && git push --tags... voila!
This project is hosted on GitHub, using GitHub Pages to host the demo site.
Commentary:
I chose to include the static demo site under
/docsdirectory. So, part of the release process is to build the new distribution and put it under/docsbefore merging to master.Strictly following git-flow, this would imply that the demo site cannot be updated without producing a new release, since only release merges touch
master.
MIT License © Nathaniel Baughman