forked from diegotorres03/serverless-e2e-main
-
Notifications
You must be signed in to change notification settings - Fork 0
/
snippets.txt
56 lines (55 loc) · 1.57 KB
/
snippets.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
{
// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
// "Print to console": {
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
"web-component": {
"prefix": "web-component",
"body": [
"const html = function (templates, ...values) {",
" const template = document.createElement('template')",
" let str = ''",
" templates.forEach((template, index) => {",
" str += template",
" str = values[index] ? str + values[index] : str",
" })",
" template.innerHTML = str.trim()",
" return template.content.firstChild",
"}",
"",
"class $1 extends HTMLElement {",
"",
" constructor() {",
" super()",
" }",
"",
" _render() {",
" const inner = html`<b>Hello There!</b>`",
" this.innerHTML = ''",
" this.appendChild(inner)",
" }",
"",
" connectedCallback() { this._render() }",
"",
" disconnectedCallback() { }",
"",
" attributeChangedCallback(name, oldValue, newValue) { }",
"",
" adoptedCallback() { }",
"",
"}",
"",
"window.customElements.define('$2', $1)",
""
]
}
}