{
  "Output HTML Element": {
    "scope": "html",
    "prefix": "output",
    "body": ["<div class=\"output alert alert-secondary my-3\"></div>"],
    "description": "generate a div Element with output alert and alert secondary class"
  },
  "Bootstrap html": {
    "scope": "html",
    "prefix": "!bs",
    "body": [
      "<!DOCTYPE html>",
      "<html lang=\"de\">",
      "\t<head>",
      "\t\t<meta charset=\"UTF-8\" />",
      "\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />",
      "\t\t<title>$0</title>",
      "\t\t<link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css\" rel=\"stylesheet\" />",
      "\t</head>",
      "\t<body>",
      "\t\t<main>",
      "\t\t\t<div class=\"container py-5\">",
      "\t\t\t\t<h1>$0</h1>",
      "\t\t\t</div>",
      "\t\t</main>",
      "\t\t<script>",
      "\t\t\t'use strict';",
      "\t\t\t",
      "\t\t</script>",
      "\t</body>",
      "</html>"
    ],
    "description": "Generate HTML with Bootstrap CDN and script-tag"
  },
  "$ und $$ helper function": {
    "scope": "javascript,typescript",
    "prefix": "$$$",
    "body": [
      "const $ = (qs) => document.querySelector(qs);",
      "const $$ = (qs) => Array.from(document.querySelectorAll(qs));"
    ],
    "description": "$ and $$ shorthand helper function"
  },

  "JavaScript Dateivorlage": {
    "scope": "javascript,typescript",
    "prefix": "vjs",
    "body": [
      "'use strict';",
      "",
      "(() => {",
      "",
      "\t// === DOM & VARS =======",
      "\tconst DOM = {};",
      "",
      "\t// === INIT =============",
      "\tconst init = () => {",
      "",
      "\t}",
      "",
      "\t// === EVENTHANDLER =====",
      "",
      "\t// === XHR/FETCH ========",
      "",
      "\t// === FUNCTIONS ========",
      "",
      "\tinit();",
      "",
      "})();"
    ],
    "description": "JavaScript Dateivorlage"
  }
}
