first commit

.vscode/extensions.json

@@ -0,0 +1,13 @@
+{
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "editorconfig.editorconfig",
+    "xabikos.javascriptsnippets",
+    "stylelint.vscode-stylelint",
+    "fabiospampinato.vscode-highlight",
+    "github.vscode-pull-request-github",
+    "vue.volar",
+    "cipchk.cssrem",
+    "dongido.sync-env"
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,81 @@
+{
+  "editor.formatOnSave": true,
+  "files.insertFinalNewline": true,
+  "javascript.updateImportsOnFileMove.enabled": "always",
+  "[javascript]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint",
+    "editor.autoClosingBrackets": "always"
+  },
+  "[markdown]": {
+    "editor.defaultFormatter": "DavidAnson.vscode-markdownlint"
+  },
+  // SCSS
+  "[scss]": {
+    "editor.defaultFormatter": "stylelint.vscode-stylelint"
+  },
+  // JSON
+  "[json]": {
+    "editor.defaultFormatter": "vscode.json-language-features"
+  },
+  "[jsonc]": {
+    "editor.defaultFormatter": "vscode.json-language-features"
+  },
+  // Vue
+  "[vue]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint",
+  },
+  // Extension: Volar
+  "volar.preview.port": 3000,
+  "volar.completion.preferredTagNameCase": "pascal",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.fixAll.stylelint": "explicit",
+    "source.organizeImports": "explicit"
+  },
+  "eslint.alwaysShowStatus": true,
+  "eslint.format.enable": true,
+  "eslint.packageManager": "yarn",
+  // Extension: Stylelint
+  "stylelint.packageManager": "yarn",
+  "stylelint.validate": [
+    "css",
+    "scss",
+    "vue"
+  ],
+  // Extension: Spell Checker
+  "cSpell.words": [
+    "Composables",
+    "Customizer",
+    "flagpack",
+    "psudo",
+    "stylelint",
+    "touchless",
+    "triggerer",
+    "vuetify",
+    "nuxt"
+  ],
+  // Extension: fabiospampinato.vscode-highlight
+  "highlight.regexFlags": "gi",
+  "highlight.regexes": {
+    // We flaged this for enforcing logical CSS properties
+    "(100vh|translate|margin:|padding:|margin-left|margin-right|rotate|text-align|border-top|border-right|border-bottom|border-left|float|background-position|transform|width|height|top|left|bottom|right|float|clear|(p|m)(l|r)-|border-(start|end)-(start|end)-radius)": [
+      {
+        // "rangeBehavior": 1,
+        "borderWidth": "1px",
+        "borderColor": "tomato",
+        "borderStyle": "solid"
+      }
+    ],
+    "(overflow-x:|overflow-y:)": [
+      {
+        // "rangeBehavior": 1,
+        "borderWidth": "1px",
+        "borderColor": "green",
+        "borderStyle": "solid"
+      }
+    ]
+  }
+}

.vscode/vue-ts.code-snippets

@@ -0,0 +1,18 @@
+{
+    "Vue TS - DefineProps": {
+        "prefix": "dprops",
+        "body": [
+            "defineProps<${1:Props}>()"
+        ],
+        "description": "DefineProps in script setup"
+    },
+    "Vue TS - Props interface": {
+        "prefix": "iprops",
+        "body": [
+            "interface Props {",
+            "  ${1}",
+            "}"
+        ],
+        "description": "Create props interface in script setup"
+    }
+}

.vscode/vue.code-snippets

@@ -0,0 +1,49 @@
+{
+    "script": {
+        "prefix": "vue-sfc-ts",
+        "body": [
+            "<script lang=\"ts\" setup>",
+            "",
+            "</script>",
+            "",
+            "<template>",
+            "  ",
+            "</template>",
+            "",
+            "<style lang=\"scss\">",
+            "",
+            "</style>",
+            ""
+        ],
+        "description": "Vue SFC Typescript"
+    },
+    "template": {
+        "scope": "vue",
+        "prefix": "template",
+        "body": [
+            "<template>",
+            "  $1",
+            "</template>"
+        ],
+        "description": "Create <template> block"
+    },
+    "Script setup + TS": {
+        "prefix": "script-setup-ts",
+        "body": [
+            "<script setup lang=\"ts\">",
+            "${1}",
+            "</script>"
+        ],
+        "description": "Script setup + TS"
+    },
+    "style": {
+        "scope": "vue",
+        "prefix": "style",
+        "body": [
+            "<style lang=\"scss\">",
+            "$1",
+            "</style>"
+        ],
+        "description": "Create <style> block"
+    },
+}