Sleep

All Articles

Avatar element for Vue.js that provides an img tag instead of a custom-made tag

.vue-initials-img.An avatar part for Vue.js to present an avatar graphic, that leaves an img tag ins...

Handle your data with a pagination component

.vue-paginate-al.A Pagination element for Vue.js with basic possibilities and setup.Live demo page, ...

Vue. js Multi-select Plant Part - Vue.js Feed

.vue-treeselect.If you are taking care of checklists of information which could have a number of lev...

Create a floating factor that extends when clicked on making use of a Vue.js plugin

.vue-balloon.vue-balloon could be used as a plugin to generate a suspended elements which grow when ...

Vue cli template to develop elements with livecoding, exams, records &amp more

.vue-standalone-component.A layout for the Vue cli is actually accessible to assist you build compon...

Vue. js masonry component powered through CSS

.vue-masonry-css.vue-masonry-css Is actually a Vue Element with a basic user interface to order prod...

Convert your Vue.js nested data right into slugs #.\n\nSlugify VueJs.\nFrequently strands of texts require to be in slug kind to define what the material of a link is actually. A Vue.js component is actually offered which supplies simple sale of content to slugs. Using this part together with your v-models you can easily completely transform everything written into a slug.\nLive Demo.\nLook at the example listed below.\nInstance.\nTo begin collaborating with the Slugify component utilize the following command to install it.\nnpm mount vue-suglify.\n\nOR.\n\nyarn include vue-suglify.\nInclude it to your Js documents.\nwindow.Vue = call for(' vue').\n\nimport VueSuglify from 'vue-suglify'.\n\nconst app = brand-new Vue( {-String.Split- -\nel: '

app',.elements: VueSuglify.,.information: headline:",.slug:".,.-|-|-|-random-} ).A simple usage is a...

Vueniverse: Complete pile user located PWA Vue template #.\n\nVueniverse.\nVueniverse is actually an all set to go template, complete pile, user based, along with considerable amounts of components. It may be utilized trought the vue-cli to start your upcoming Progressive Web App due to the fact that at the moment it possesses 100\/100 watchtower score.\nFunctions.\nPWA by nonpayment, 100\/100 watchtower PWA rating.\nUniversal es2015 JavaScript. No more situation shifting between client\/server code!\nA REST API, and also complete consumer authentication with JWT, Redis blacklisting, and also MongoDB.\nCustomer Edge routing, Web server Edge Making and Worldwide Condition Control due to Vue.js and Nuxt.js!\nAbstracted WebPack develop procedure.\nUniversal HMR for a clean advancement method, due to Nuxtjs and BackPack.\nAll set for deployment with currently.\nLive Demonstration.\nThe project is set up as well as you can look into its own data, like package.json and the basic structure of the template, all available right here.\nMaking use of the template.\nYou need vue-cli set up.\nnpm mount -g vue-cli.\nProduce a Project.\nvue init rlindskog\/vueniverse your-project-name\ncd your-project-name\nnpm mount.\nBeginning a MongoDB data source regionally.\nnpm operate start-db.\nStop the MongoDB data source locally.\nnpm run stop-db.\nOperate in development.\nnpm operate dev.\nConstruct for creation.\nnpm operate create.\nRun in creation (runs the data source and app in a subprocess).\nnpm run beginning.\nStop manufacturing jogging (quits the data bank as well as application).\nnpm run cease.\nBegin a Redis data bank locally (utilize this if opted for the redis session alternative).\nPut in.\n$ wget http:\/\/download.redis.io\/redis-stable.tar.gz.\n$ tar xvzf redis-stable. tar.gz.\n$ cd redis-stable.\n$ produce.\n$

expect it to put up ...$ sudo cp src/redis-server/ usr/local/bin/.$ sudo cp src/redis-cli/ usr/loca...

Space Snake: Personal computer video game constructed with Electron and also Vue.js #.\n\nSpace Serpent.\nMore or less like the all time classic game Serpent, a personal computer video game built along with the Electron-vue design template, a Electron &amp Vue.js quick start boilerplate along with vue-cli scaffolding, Area Snake.\nFeatures.\nMake it your very own.\nDownload and install the venture if wants to find how the video game operates on your desktop.\n# put in dependencies.\nnpm mount.\n\n# provide along with scorching reload at localhost:9080.\nnpm run dev.\n\n# develop electron app for creation.\nnpm work create.\n\n# lint all JS\/Vue component data in 'app\/src '.\nnpm operate lint.\n\n

jog webpack in manufacturing.npm run pack.More info relating to the Electron-Vue design template us...

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

.v-calendar.V-Calendar is a simple and also light in weight Vue.js plugin for featuring easy, annota...