"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { a: "a", code: "code", figcaption: "figcaption", figure: "figure", li: "li", p: "p", pre: "pre", span: "span", ul: "ul", ..._provideComponents(), ...props.components }; return _jsxs(_Fragment, { children: [_jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: ["\n", _jsxs(_components.p, { children: ["Credits ", _jsx(_components.a, { href: "https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets", children: "hollowtree" })] }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsxs(_components.p, { children: ["Origial Github ", _jsx(_components.a, { href: "https://github.com/hollowtree/vscode-vue-snippets", children: "hollowtree" })] }), "\n"] }), "\n"] }), "\n", _jsxs("table", { children: [_jsxs("tr", { children: [_jsx("th", { children: "Prefix" }), _jsx("th", { children: "Description" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#template", children: "template" }) }), _jsx("td", { children: "template element" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#vText", children: "vText" }) }), _jsx("td", { children: "Expects: string. Updates the element’s textContent." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#vHtml", children: "vHtml" }) }), _jsx("td", { children: "Expects: string. Updates the element’s innerHTML." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#vIf", children: "vIf" }) }), _jsx("td", { children: "Expects: any" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#vElse", children: "vElse" }) }), _jsx("td", { children: "Does not expect expression. previous sibling element must have v-if or v-else-if." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#vElseIf", children: "vElseIf" }) }), _jsx("td", { children: "Expects: any. previous sibling element must have v-if or v-else-if." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#vFor", children: "vFor" }) }), _jsx("td", { children: "Expects: Array | Object | number | string" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#vOn", children: "vOn" }) }), _jsx("td", { children: "Expects: Function | Inline Statement" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#vBind", children: "vBind" }) }), _jsx("td", { children: "Expects: any (with argument) | Object (without argument)" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#vModel", children: "vModel" }) }), _jsx("td", { children: "Expects: varies based on value of form inputs element or output of components" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#vSlot", children: "vSlot" }) }), _jsx("td", { children: "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." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#vOnce", children: "vOnce" }) }), _jsx("td", { children: "Does not expect expression" })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#key", children: "key" }) }), _jsx("td", { children: "Expects: string. Children of the same common parent must have unique keys. Duplicate keys will cause render errors." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#ref", children: "ref" }) }), _jsx("td", { children: "Expects: string. ref is used to register a reference to an element or a child component. The reference will be registered under the parent component’s $refs object. If used on a plain DOM element, the reference will be that element; if used on a child component, the reference will be component instance." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#slotA", children: "slotA" }) }), _jsx("td", { children: "slot=''. Expects: string. Used on content inserted into child components to indicate which named slot the content belongs to." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#slotE", children: "slotE" }) }), _jsx("td", { children: ". Expects: string. Used on content inserted into child components to indicate which named slot the content belongs to." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#slotScope", children: "slotScope" }) }), _jsx("td", { children: "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+." })] }), _jsxs("tr", { children: [_jsx("td", { children: _jsx("a", { href: "#scope", children: "scope" }) }), _jsx("td", { children: "Used to denote a

Vue 3 Snippets