Base for Vue 3 File with <script setup>, TypeScript and SCSS
vbase-sass
Base for Vue 3 File with <script setup>, TypeScript and SASS
vbase-less
Base for Vue 3 File with <script setup>, TypeScript and LESS
vbase-pcss
Base for Vue 3 File with <script setup>, TypeScript and PostCSS
vbase-css
Base for Vue 3 File with <script setup>, TypeScript and CSS
vbase-styl
Base for Vue 3 File with <script setup>, TypeScript and Stylus
vbase-ns
Base for Vue 3 File with <script setup>, TypeScript and no style
Template
Snippet
Purpose
vfor
v-for statement
vmodel
v-model directive
von
v-on click handler
vel-props
Component element with props
vslot-named
Named slot
vimg
Image source binding
vstyle
Inline style binding
vstyle-obj
Inline style binding with objects
vclass
Class binding
vclass-ter
Ternary class binding
vtrans
Transition component
vtrans-group
Transition group component
vrlink
Router link
vrlink-param
Router link with param
Script
Snippet
Purpose
vref
Vue ref
vreactive
Vue reactive
vcomputed
Vue computed
vwatch
Watcher
vwatcheffect
Watch Effect
vonmounted
onMounted hook
vonbeforemount
onBeforeMount hook
vonbeforeupdate
onBeforeUpdate hook
vonupdated
onUpdated hook
vonerrorcaptured
onErrorCaptured hook
vonunmounted
onUnmounted hook
vonbeforeunmount
onBeforeUnmount hook
vdefineprops
Define props
vdefineemits
Define emits
vdefineemits-nopayload
Define emits with no payload
vsingleemit
Single emit for defineEmits
vsingleemit-nopayload
Single emit for defineEmits with no payload
CSS
Snippet
Purpose
vcss-transition
Vue Transition styles
vcss-transition-named
Vue Named Transition styles
vcss-transition-tailwind
Vue Transition styles for Tailwind CSS
vcss-transition-named-tailwind
Vue Named Transition styles for Tailwind CSS
vcss-transition-group
Vue Transition Group styles
vcss-transition-group-tailwind
Vue Transition Group styles for Tailwind CSS
Pinia
Snippet
Purpose
pstore
Base code needed for a Pinia store file
pstore-composition
Base code needed for a Pinia store file with Composition API
Vue Router
Snippet
Purpose
vrouter
Vue Router base
vscrollbehavior
Vue Router scrollBehavior
vbeforeeach
Vue Router global guards beforeEach
vbeforeresolve
Vue Router global guards beforeResolve
vaftereach
Vue Router global guards afterEach
vbeforeenter
Vue Router per-route guard beforeEnter
vbeforerouteenter
Vue Router component guards beforeRouteEnter
vbeforerouteupdate
Vue Router component guards beforeRouteUpdate
vbeforerouteleave
Vue Router component guards beforeRouteLeave
Nuxt Template
Snippet
Purpose
nlink
Nuxt router link
nlink-param
Nuxt router link with param
Nuxt Script
Snippet
Purpose
nfetch
useFetch composable
nfetch-lazy
useLazyFetch composable
nasyncdata
useAsyncData composable
nasyncdata-lazy
useLazyAsyncData composable
nseo
useSeoMeta composable
nseo-template
useSeoMeta composable - Template
nseo-server
useServerSeoMeta composable
nseo-server-template
useServerSeoMeta composable - Template
nplugin
Base code for Nuxt plugin
nmiddleware
Base code for Nuxt middleware
nserverroute
Base code for Nuxt server route
Histoire
Snippet
Purpose
hconfig
Histoire config for Vue 3
hconfig-nuxt
Histoire config for Nuxt 3
hbase
Base code for story
hbase-variant
Base code for story with variant
hbase-grid
Base code for story with grid layout
hvariant
Story variant
hgrid
Histoire grid layout
hcontrols-base
Histoire controls base
hcontrols-button
Histoire controls - Button
hcontrols-buttongroup
Histoire controls - Button Group
hcontrols-checkbox
Histoire controls - Checkbox
hcontrols-number
Histoire controls - Number
hcontrols-text
Histoire controls - Text
hcontrols-textarea
Histoire controls - Textarea
Contributing
This is an open source project open to anyone. Contributors are welcome on GitHub.
If you are contributing a snippet, please be sure to add the documentation for it in the tables in the README, the pull request cannot be accepted without this addition. Thanks!
