userSnippet.json

{
    "Add NanoComponent": {
        "prefix": "lsnano",
        "body": ["\n",
            "const styles = require('./styles/tooltip')",
            "const html = require('nanohtml')",
            "const Nanocomponent = require('nanocomponent')\n",
            "class ${className} extends Nanocomponent {",
            "\tconstructor() {",
                "\t\tsuper()",
                "\t\tthis.props = {}",
            "\t}\n",
            "\tupdate(){",
                "\t\treturn true",
            "\t}\n",
            "\tcreateElement() {",
                "\t\tconst { props } = this",
                "\t\treturn html`",
                "\t\t`",
              "\t}",
            "}\n",
            "module.exports = ${className}"
        ],
        "description": "NanoComponent - Boiler Plate"
    },
    "Add CSS Boiler Plate":{
        "prefix": "lscss",
        "body": ["\n",
            "const { colors, fonts } = require('styleUtils')",
            "const { css } = require('css')\n",
            "module.exports = {",
                "\tcolors,",
                "\tfonts,\n",
                "\t${cssClass}: css`",
                    "\t\t:host {",
                "\t\t}",
                "\t`,",
            "}"
        ],
        "description": "CSS - Boiler Plate"
    },
    "Console Log": {
        "prefix": "lslog",
        "body": "console.log($1)",
        "description": "Console Log"
    },
    "lstest": {
        "prefix": "lstest",
        "body": ["\n",
            "const ${1:component} = require('${2|../../browser/components/,../browser/views/|}')",
            "describe('${3:description} Component', () => {",
                "\tit('${4:test1}', () => {",
                "\t})",
            "})"
            ],
        "description": "Test-Boiler Plate"
    }
}