Sleep

All Articles

Avatar component for Vue.js that makes an img tag instead of a personalized tag

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

Handle your records with a pagination component

.vue-paginate-al.A Pagination element for Vue.js along with simple alternatives and also setup.Resid...

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

.vue-treeselect.If you are actually taking care of lists of information which could possess several ...

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

.vue-balloon.vue-balloon may be made use of as a plugin to generate a floating aspects which increas...

Vue cli template to create components along with livecoding, tests, documents &amp additional

.vue-standalone-component.A theme for the Vue cli is readily available to aid you create elements wi...

Vue. js brickwork component powered through CSS

.vue-masonry-css.vue-masonry-css Is a Vue Element with a straightforward user interface to purchase ...

Convert your Vue.js nested information in to slugs #.\n\nSlugify VueJs.\nFrequently strands of texts need to become in slug kind to describe what the material of an URL is actually. A Vue.js element is actually accessible which gives quick and easy sale of messages to slugs. Utilizing this component alongside your v-models you can transform just about anything written into a slug.\nReside Demonstration.\nTake a look at the instance below.\nExample.\nTo begin teaming up with the Slugify component use the adhering to demand to install it.\nnpm mount vue-suglify.\n\nOR.\n\nanecdote include vue-suglify.\nIncorporate it to your Js data.\nwindow.Vue = need(' vue').\n\nimport VueSuglify coming from 'vue-suglify'.\n\nconst application = brand new Vue( {-String.Split- -\nel: '

app',.elements: VueSuglify.,.information: headline:",.slug:".,.-|-|-|-random-} ).A straightforward u...

Vueniverse: Full stack individual based PWA Vue design template #.\n\nVueniverse.\nVueniverse is actually a prepared to go layout, full stack, individual located, with bunches of attributes. It could be made use of trought the vue-cli to begin your next Progressive Web Application due to the fact that immediately it has 100\/100 lighthouse rating.\nFunctions.\nPWA through nonpayment, 100\/100 lighthouse PWA rating.\nUniversal es2015 JavaScript. No more context changing between client\/server code!\nA REST API, and also full user authorization along with JWT, Redis blacklisting, and also MongoDB.\nClient Edge directing, Server Edge Rendering as well as Global State Management due to Vue.js as well as Nuxt.js!\nAbstracted WebPack build method.\nUniversal HMR for a tidy growth method, due to Nuxtjs and Bag.\nAll set for implementation along with NOW.\nReside Trial.\nThe project is deployed as well as you can easily browse through its reports, like package.json and the standard design of the theme, all readily available listed below.\nMaking use of the theme.\nYou need to have vue-cli put up.\nnpm install -g vue-cli.\nCreate a Venture.\nvue init rlindskog\/vueniverse your-project-name\ncompact disc your-project-name\nnpm put up.\nStart a MongoDB data bank regionally.\nnpm operate start-db.\nQuit the MongoDB database locally.\nnpm run stop-db.\nOperate in growth.\nnpm run dev.\nConstruct for production.\nnpm run develop.\nOperate in production (operates the data source as well as function in a subprocess).\nnpm jog beginning.\nDeter production operating (stops the data source and use).\nnpm jog stop.\nBeginning a Redis data source regionally (utilize this if selected the redis session choice).\nSet up.\n$ wget http:\/\/download.redis.io\/redis-stable.tar.gz.\n$ tar xvzf redis-stable. tar.gz.\n$ cd redis-stable.\n$ create.\n$

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

Space Snake: Pc game constructed along with Electron as well as Vue.js #.\n\nSpace Serpent.\nPretty much like the all time traditional activity Serpent, a pc activity built with the Electron-vue design template, a Electron &amp Vue.js quick start boilerplate with vue-cli scaffold, Area Serpent.\nAttributes.\nMake it your own.\nDownload and install the project if would like to find how the activity works on your desktop.\n# install dependences.\nnpm put up.\n\n# provide with hot reload at localhost:9080.\nnpm operate dev.\n\n# build electron app for production.\nnpm run build.\n\n# lint all JS\/Vue element reports in 'app\/src '.\nnpm operate lint.\n\n

rush webpack in development.npm run pack.Additional information relating to the Electron-Vue theme ...

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

.v-calendar.V-Calendar is a simple and also lightweight Vue.js plugin for displaying basic, annotate...