Sleep

All Articles

Avatar component for Vue.js that leaves an img tag as opposed to a custom-made tag

.vue-initials-img.An avatar component for Vue.js to feature an avatar graphic, that provides an img ...

Handle your data with a pagination part

.vue-paginate-al.A Pagination component for Vue.js along with basic options and setup.Reside demo we...

Vue. js Multi-select Tree Component - Vue.js Feed

.vue-treeselect.If you are actually taking care of checklists of information which may possess a num...

Create a drifting element that grows when clicked on utilizing a Vue.js plugin

.vue-balloon.vue-balloon may be utilized as a plugin to create a suspended aspects which extend when...

Vue cli theme to develop components along with livecoding, tests, documentation &amp even more

.vue-standalone-component.A layout for the Vue cli is actually accessible to help you develop parts ...

Vue. js brickwork part powered by CSS

.vue-masonry-css.vue-masonry-css Is actually a Vue Component with an easy user interface to get item...

Convert your Vue.js nested records right into slugs #.\n\nSlugify VueJs.\nUsually strands of text messages need to have to be in slug form to define what the web content of a link is. A Vue.js part is actually accessible which delivers quick and easy sale of text messages to slugs. Utilizing this component together with your v-models you can enhance anything composed right into a slug.\nReside Demo.\nTake a look at the instance below.\nInstance.\nTo begin dealing with the Slugify element make use of the adhering to command to mount it.\nnpm put in vue-suglify.\n\nOR.\n\nanecdote include vue-suglify.\nAdd it to your Js report.\nwindow.Vue = demand(' vue').\n\nimport VueSuglify from 'vue-suglify'.\n\nconst application = brand new Vue( {-String.Split- -\nel: '

app',.components: VueSuglify.,.data: title:",.slug:".,.-|-|-|-random-} ).A simple use is actually by...

Vueniverse: Complete stack user based PWA Vue layout #.\n\nVueniverse.\nVueniverse is an all set to go theme, complete pile, consumer located, with bunches of components. It may be made use of trought the vue-cli to begin your next Progressive Web App considering that right now it has 100\/100 watchtower rating.\nFunctions.\nPWA through default, 100\/100 watchtower PWA rating.\nUniversal es2015 JavaScript. No more context changing in between client\/server code!\nA REMAINDER API, and full individual verification along with JWT, Redis blacklisting, as well as MongoDB.\nClient Edge directing, Web server Side Rendering and also Global State Control because of Vue.js and Nuxt.js!\nAbstracted WebPack build procedure.\nUniversal HMR for a well-maintained advancement process, thanks to Nuxtjs as well as Knapsack.\nReady for implementation with NOW.\nLive Demonstration.\nThe task is deployed as well as you may visit its data, like package.json and the general construct of the template, all on call listed here.\nMaking use of the theme.\nYou need vue-cli installed.\nnpm put in -g vue-cli.\nMake a Project.\nvue init rlindskog\/vueniverse your-project-name\ncd your-project-name\nnpm put in.\nBeginning a MongoDB data source locally.\nnpm operate start-db.\nStop the MongoDB database regionally.\nnpm operate stop-db.\nOperate in advancement.\nnpm operate dev.\nConstruct for manufacturing.\nnpm function construct.\nOperate in creation (functions the data source as well as function in a subprocess).\nnpm run begin.\nQuit manufacturing running (ceases the database as well as application).\nnpm run quit.\nStart a Redis data source in your area (utilize this if decided on the redis session possibility).\nMount.\n$ wget http:\/\/download.redis.io\/redis-stable.tar.gz.\n$ tar xvzf redis-stable. tar.gz.\n$ cd redis-stable.\n$ produce.\n$

wait for it to put up ...$ sudo cp src/redis-server/ usr/local/bin/.$ sudo cp src/redis-cli/ usr/lo...

Space Snake: Personal computer video game constructed with Electron as well as Vue.js #.\n\nSpace Serpent.\nPretty much like the all time timeless game Serpent, a pc game developed along with the Electron-vue theme, a Electron &amp Vue.js quick start boilerplate with vue-cli scaffold, Room Snake.\nAttributes.\nMake it your own.\nDownload and install the job if would like to view how the activity runs on your desktop.\n# put in reliances.\nnpm put up.\n\n# provide with warm reload at localhost:9080.\nnpm run dev.\n\n# create electron application for creation.\nnpm operate build.\n\n# lint all JS\/Vue element data in 'app\/src '.\nnpm operate lint.\n\n

rush webpack in creation.npm run pack.More relevant information regarding the Electron-Vue design t...

V- Calendar: A tidy and light in weight calendar plugin for Vue.js

.v-calendar.V-Calendar is actually a neat as well as lightweight Vue.js plugin for showing basic, an...