mirror of
https://github.com/rafamadriz/friendly-snippets
synced 2024-09-16 22:14:02 +02:00
Removes snippets for vue2 (#396)
* vue2 is no longer supported as of December 31, 2023.
This commit is contained in:
Bobby Rahmanda
GitHub
parent
4086781c6b
commit
5cc1f45c6a
4 changed files with 716 additions and 1165 deletions
|
|
@ -52,19 +52,14 @@
|
|||
],
|
||||
"description": "Expects: Array | Object | number | string"
|
||||
},
|
||||
"v-on": {
|
||||
"prefix": "vOn",
|
||||
"body": ["v-on:${1:event}=\"${2:handle}\""],
|
||||
"description": "Expects: Function | Inline Statement"
|
||||
},
|
||||
"v-on-shortcut": {
|
||||
"v-on-shorthand": {
|
||||
"prefix": "@",
|
||||
"body": ["@${1:event}=\"${2:handle}\""],
|
||||
"description": "v-on shortcut from vue 3"
|
||||
},
|
||||
"v-bind": {
|
||||
"v-bind-shorthand": {
|
||||
"prefix": "vBind",
|
||||
"body": ["v-bind$1=\"${2}\""],
|
||||
"body": [":{$1}=\"${2}\""],
|
||||
"description": "Expects: any (with argument) | Object (without argument)"
|
||||
},
|
||||
"v-model": {
|
||||
|
|
@ -74,7 +69,7 @@
|
|||
},
|
||||
"v-slot": {
|
||||
"prefix": "vSlot",
|
||||
"body": ["v-slot$1=\"${2}\""],
|
||||
"body": ["#{$1:nameSlot}=\"${2}\""],
|
||||
"description": "Expects: JavaScript expression that is valid in a function argument position (supports destructuring in supported environments). Optional - only needed if expecting props to be passed to the slot."
|
||||
},
|
||||
"v-pre": {
|
||||
|
|
@ -112,16 +107,6 @@
|
|||
"body": ["<slot$1>$2</slot>$0"],
|
||||
"description": "<slot></slot>. Expects: string. Used on content inserted into child components to indicate which named slot the content belongs to."
|
||||
},
|
||||
"slotScope": {
|
||||
"prefix": "slotScope",
|
||||
"body": ["slot-scope=\"$1\"$0"],
|
||||
"description": "Used to denote an element or component as a scoped slot. The attribute’s value should be a valid JavaScript expression that can appear in the argument position of a function signature. This means in supported environments you can also use ES2015 destructuring in the expression. Serves as a replacement for scope in 2.5.0+."
|
||||
},
|
||||
"scope": {
|
||||
"prefix": "scope",
|
||||
"body": ["scope=\"${1:this api replaced by slot-scope in 2.5.0+}\"$0"],
|
||||
"description": "Used to denote a <template> element as a scoped slot, which is replaced by `slot-scope` in 2.5.0+."
|
||||
},
|
||||
"component": {
|
||||
"prefix": "component",
|
||||
"body": ["<component :is=\"${1:componentId}\"></component>$0"],
|
||||
|
|
@ -142,111 +127,6 @@
|
|||
"body": ["<transition-group$1>", "$2", "</transition-group>"],
|
||||
"description": "transition-group element"
|
||||
},
|
||||
"enter-class": {
|
||||
"prefix": "enterClass",
|
||||
"body": ["enter-class=\"$1\"$0"],
|
||||
"description": "enter-class=''. Expects: string."
|
||||
},
|
||||
"leave-class": {
|
||||
"prefix": "leaveClass",
|
||||
"body": ["leave-class=\"$1\"$0"],
|
||||
"description": "leave-class=''. Expects: string."
|
||||
},
|
||||
"appear-class": {
|
||||
"prefix": "appearClass",
|
||||
"body": ["appear-class=\"$1\"$0"],
|
||||
"description": "appear-class=''. Expects: string."
|
||||
},
|
||||
"enter-to-class": {
|
||||
"prefix": "enterToClass",
|
||||
"body": ["enter-to-class=\"$1\"$0"],
|
||||
"description": "enter-to-class=''. Expects: string."
|
||||
},
|
||||
"leave-to-class": {
|
||||
"prefix": "leaveToClass",
|
||||
"body": ["leave-to-class=\"$1\"$0"],
|
||||
"description": "leave-to-class=''. Expects: string."
|
||||
},
|
||||
"appear-to-class": {
|
||||
"prefix": "appearToClass",
|
||||
"body": ["appear-to-class=\"$1\"$0"],
|
||||
"description": "appear-to-class=''. Expects: string."
|
||||
},
|
||||
"enter-active-class": {
|
||||
"prefix": "enterActiveClass",
|
||||
"body": ["enter-active-class=\"$1\"$0"],
|
||||
"description": "enter-active-class=''. Expects: string."
|
||||
},
|
||||
"leave-active-class": {
|
||||
"prefix": "leaveActiveClass",
|
||||
"body": ["leave-active-class=\"$1\"$0"],
|
||||
"description": "leave-active-class=''. Expects: string."
|
||||
},
|
||||
"appear-active-class": {
|
||||
"prefix": "appearActiveClass",
|
||||
"body": ["appear-active-class=\"$1\"$0"],
|
||||
"description": "appear-active-class=''. Expects: string."
|
||||
},
|
||||
"before-enter": {
|
||||
"prefix": "beforeEnterEvent",
|
||||
"body": ["@before-enter=\"$1\"$0"],
|
||||
"description": "@before-enter=''"
|
||||
},
|
||||
"before-leave": {
|
||||
"prefix": "beforeLeaveEvent",
|
||||
"body": ["@before-leave=\"$1\"$0"],
|
||||
"description": "@before-leave=''"
|
||||
},
|
||||
"before-appear": {
|
||||
"prefix": "beforeAppearEvent",
|
||||
"body": ["@before-appear=\"$1\"$0"],
|
||||
"description": "@before-appear=''"
|
||||
},
|
||||
"enter": {
|
||||
"prefix": "enterEvent",
|
||||
"body": ["@enter=\"$1\"$0"],
|
||||
"description": "@enter=''"
|
||||
},
|
||||
"leave": {
|
||||
"prefix": "leaveEvent",
|
||||
"body": ["@leave=\"$1\"$0"],
|
||||
"description": "@leave=''"
|
||||
},
|
||||
"appear": {
|
||||
"prefix": "appearEvent",
|
||||
"body": ["@appear=\"$1\"$0"],
|
||||
"description": "@appear=''"
|
||||
},
|
||||
"after-enter": {
|
||||
"prefix": "afterEnterEvent",
|
||||
"body": ["@after-enter=\"$1\"$0"],
|
||||
"description": "@after-enter=''"
|
||||
},
|
||||
"after-leave": {
|
||||
"prefix": "afterLeaveEvent",
|
||||
"body": ["@after-leave=\"$1\"$0"],
|
||||
"description": "@after-leave=''"
|
||||
},
|
||||
"after-appear": {
|
||||
"prefix": "afterAppearEvent",
|
||||
"body": ["@after-appear=\"$1\"$0"],
|
||||
"description": "@after-appear=''"
|
||||
},
|
||||
"enter-cancelled": {
|
||||
"prefix": "enterCancelledEvent",
|
||||
"body": ["@enter-cancelled=\"$1\"$0"],
|
||||
"description": "@enter-cancelled=''"
|
||||
},
|
||||
"leave-cancelled": {
|
||||
"prefix": "leaveCancelledEvent",
|
||||
"body": ["@leave-cancelled=\"$1\"$0"],
|
||||
"description": "@leave-cancelled='' (v-show only)"
|
||||
},
|
||||
"appear-cancelled": {
|
||||
"prefix": "appearCancelledEvent",
|
||||
"body": ["@appear-cancelled=\"$1\"$0"],
|
||||
"description": "@appear-cancelled=''"
|
||||
},
|
||||
"routerLink": {
|
||||
"prefix": "routerLink",
|
||||
"body": ["<router-link $1>$2</router-link>$0"],
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -1,37 +1,54 @@
|
|||
{
|
||||
"NuxtWelcome": {
|
||||
"prefix": "NuxtWelcome",
|
||||
"body": ["<NuxtWelcome />"],
|
||||
"description": "The <NuxtWelcome> component greets users in new projects made from the starter template. It includes links to the Nuxt documentation, source code, and social media accounts."
|
||||
},
|
||||
"NuxtPage": {
|
||||
"prefix": "NuxtPage",
|
||||
"body": ["<NuxtPage />"],
|
||||
"description": "<NuxtPage> is a built-in component that comes with Nuxt. NuxtPage is required to display top-level or nested pages located in the pages/ directory."
|
||||
},
|
||||
"NuxtLink": {
|
||||
"prefix": "NuxtLink",
|
||||
"body": ["<NuxtLink to=\"$1\">$0</NuxtLink>"],
|
||||
"description": "Nuxt provides <NuxtLink> component to handle any kind of links within your application."
|
||||
},
|
||||
"NuxtLayout": {
|
||||
"prefix": "NuxtLayout",
|
||||
"body": ["<NuxtLayout>", "</NuxtLayout>"],
|
||||
"description": "<NuxtLayout /> can be used to override default layout on app.vue, error.vue or even page components found in the /pages directory."
|
||||
},
|
||||
"NuxtErrorBoundary": {
|
||||
"prefix": "NuxtErrorBoundary",
|
||||
"body": ["<NuxtErrorBoundary>", "</NuxtErrorBoundary>"],
|
||||
"description": "The <NuxtErrorBoundary> component handles client-side errors happening in its default slot, using Vue's onErrorCaptured hook."
|
||||
},
|
||||
"NuxtLoadingIndicator": {
|
||||
"prefix": "NuxtLoadingIndicator",
|
||||
"body": ["<NuxtLoadingIndicator />"],
|
||||
"description": "The <NuxtLoadingIndicator> component displays a progress bar on page navigation."
|
||||
},
|
||||
"ClientOnly": {
|
||||
"prefix": "ClientOnly",
|
||||
"body": ["<ClientOnly>", "</ClientOnly>"],
|
||||
"description": "The <ClientOnly> component renders its slot only in client-side. To import a component only on the client, register the component in a client-side only plugin."
|
||||
}
|
||||
"NuxtWelcome": {
|
||||
"prefix": "NuxtWelcome",
|
||||
"body": [
|
||||
"<NuxtWelcome />"
|
||||
],
|
||||
"description": "The <NuxtWelcome> component greets users in new projects made from the starter template. It includes links to the Nuxt documentation, source code, and social media accounts."
|
||||
},
|
||||
"NuxtPage": {
|
||||
"prefix": "NuxtPage",
|
||||
"body": [
|
||||
"<NuxtPage />"
|
||||
],
|
||||
"description": "<NuxtPage> is a built-in component that comes with Nuxt. NuxtPage is required to display top-level or nested pages located in the pages/ directory."
|
||||
},
|
||||
"NuxtLink": {
|
||||
"prefix": "NuxtLink",
|
||||
"body": [
|
||||
"<NuxtLink to=\"$1\">$0</NuxtLink>"
|
||||
],
|
||||
"description": "Nuxt provides <NuxtLink> component to handle any kind of links within your application."
|
||||
},
|
||||
"NuxtLayout": {
|
||||
"prefix": "NuxtLayout",
|
||||
"body": [
|
||||
"<NuxtLayout>",
|
||||
"</NuxtLayout>"
|
||||
],
|
||||
"description": "<NuxtLayout /> can be used to override default layout on app.vue, error.vue or even page components found in the /pages directory."
|
||||
},
|
||||
"NuxtErrorBoundary": {
|
||||
"prefix": "NuxtErrorBoundary",
|
||||
"body": [
|
||||
"<NuxtErrorBoundary>",
|
||||
"</NuxtErrorBoundary>"
|
||||
],
|
||||
"description": "The <NuxtErrorBoundary> component handles client-side errors happening in its default slot, using Vue's onErrorCaptured hook."
|
||||
},
|
||||
"NuxtLoadingIndicator": {
|
||||
"prefix": "NuxtLoadingIndicator",
|
||||
"body": [
|
||||
"<NuxtLoadingIndicator />"
|
||||
],
|
||||
"description": "The <NuxtLoadingIndicator> component displays a progress bar on page navigation."
|
||||
},
|
||||
"ClientOnly": {
|
||||
"prefix": "ClientOnly",
|
||||
"body": [
|
||||
"<ClientOnly>",
|
||||
"</ClientOnly>"
|
||||
],
|
||||
"description": "The <ClientOnly> component renders its slot only in client-side. To import a component only on the client, register the component in a client-side only plugin."
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -30,6 +30,11 @@
|
|||
"body": ["<style lang=\"$1\">", "\t$0", "</style>"],
|
||||
"description": "style element with lang attribute"
|
||||
},
|
||||
"styleLangScoped": {
|
||||
"prefix": "styleLangScoped",
|
||||
"body": ["<style lang=\"$1\" scoped>", "\t$0", "</style>"],
|
||||
"description": "style scoped element with lang attribute"
|
||||
},
|
||||
"styleScoped": {
|
||||
"prefix": "styleScoped",
|
||||
"body": ["<style scoped>", "\t$0", "</style>"],
|
||||
|
|
@ -284,29 +289,5 @@
|
|||
"</style>"
|
||||
],
|
||||
"description": "Base for Vue File Setup Composition API - Typescript"
|
||||
},
|
||||
"Vue Single File Component with Class based Typescript format": {
|
||||
"prefix": "vbase-ts-class",
|
||||
"body": [
|
||||
"<template>",
|
||||
"\t<div>",
|
||||
"",
|
||||
"\t</div>",
|
||||
"</template>",
|
||||
"",
|
||||
"<script lang=\"ts\">",
|
||||
"\timport { Component, Vue } from 'vue-property-decorator';",
|
||||
"",
|
||||
"\t@Component",
|
||||
"\texport default class $TM_FILENAME_BASE extends Vue {",
|
||||
"\t\t",
|
||||
"\t}",
|
||||
"</script>",
|
||||
"",
|
||||
"<style scoped>",
|
||||
"",
|
||||
"</style>"
|
||||
],
|
||||
"description": "Base for Vue File with Class based Typescript format"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue