init: чистый старт Laravel + Vuexy

.vscode/anchor-comments.code-snippets

@@ -0,0 +1,23 @@
+{
+    "Add hand emoji": {
+        "prefix": "cm-hand-emoji",
+        "body": [
+            "👉"
+        ],
+        "description": "Add hand emoji"
+    },
+    "Add info emoji": {
+        "prefix": "cm-info-emoji",
+        "body": [
+            "ℹ️"
+        ],
+        "description": "Add info emoji"
+    },
+    "Add warning emoji": {
+        "prefix": "cm-warning-emoji",
+        "body": [
+            "❗"
+        ],
+        "description": "Add warning emoji"
+    }
+}

.vscode/extensions.json

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

.vscode/settings.json

@@ -0,0 +1,96 @@
+{
+  "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]": {
+    "editor.defaultFormatter": "stylelint.vscode-stylelint"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "vscode.json-language-features"
+  },
+  "[jsonc]": {
+    "editor.defaultFormatter": "vscode.json-language-features"
+  },
+  "[vue]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  },
+  "volar.preview.port": 3000,
+  "volar.completion.preferredTagNameCase": "pascal",
+  "eslint.options": {},
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.fixAll.stylelint": "explicit",
+    "source.organizeImports": "explicit"
+  },
+  "eslint.alwaysShowStatus": true,
+  "eslint.format.enable": true,
+  "eslint.packageManager": "pnpm",
+  "stylelint.packageManager": "pnpm",
+  "stylelint.validate": [
+    "css",
+    "scss",
+    "vue"
+  ],
+  "cSpell.words": [
+    "addressline",
+    "Composables",
+    "Customizer",
+    "destr",
+    "flagpack",
+    "Iconify",
+    "nuxt",
+    "ofetch",
+    "psudo",
+    "stylelint",
+    "touchless",
+    "triggerer",
+    "vuetify"
+  ],
+  "commentAnchors.tags.anchors": {
+    "ℹ️": {
+      "scope": "hidden",
+      "highlightColor": "#3498DB",
+      "styleComment": true,
+      "isItalic": false
+    },
+    "👉": {
+      "scope": "file",
+      "highlightColor": "#98C379",
+      "styleComment": true,
+      "isItalic": false
+    },
+    "❗": {
+      "scope": "hidden",
+      "highlightColor": "#FF2D00",
+      "styleComment": true,
+      "isItalic": false
+    }
+  },
+  "highlight.regexFlags": "gi",
+  "highlight.regexes": {
+    "(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)": [
+      {
+        "borderWidth": "1px",
+        "borderColor": "tomato",
+        "borderStyle": "solid"
+      }
+    ],
+    "(overflow-x:|overflow-y:)": [
+      {
+        "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,63 @@
+{
+    "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"
+    },
+    "use composable": {
+        "prefix": "use-composable",
+        "body": [
+            "const { $2 } = ${1:useComposable}()"
+        ],
+        "description": "We frequently uses composable in our components and writing const {} = useModule() is tedious. This snippet helps you to write it quickly."
+    },
+    "template interpolation": {
+        "prefix": "cc",
+        "body": [
+            "{{ ${1} }}"
+        ],
+        "description": "We are just making writing template interpolation easier."
+    }
+}

.vscode/vuetify.code-snippets

@@ -0,0 +1,52 @@
+{
+  "Vuetify Menu -- Parent Activator": {
+    "prefix": "v-menu",
+    "body": [
+      "<v-btn color=\"primary\">",
+      "  Activator",
+      "  <v-menu activator=\"parent\">",
+      "    <v-list>",
+      "      <v-list-item",
+      "        v-for=\"(item, index) in ['apple', 'banana', 'cherry']\"",
+      "        :key=\"index\"",
+      "        :value=\"index\"",
+      "      >",
+      "        <v-list-item-title>{{ item }}</v-list-item-title>",
+      "      </v-list-item>",
+      "    </v-list>",
+      "  </v-menu>",
+      "</v-btn>"
+    ],
+    "description": "We use menu component with parent activator mostly because it is compact and easy to understand."
+  },
+  "Vuetify CSS variable": {
+    "prefix": "v-css-var",
+    "body": [
+      "rgb(var(--v-${1:theme}))"
+    ],
+    "description": "Vuetify CSS variable"
+  },
+  "Icon only button": {
+    "prefix": "IconBtn",
+    "body": [
+      "<IconBtn>",
+      "  <VIcon icon=\"tabler-${1}\" />",
+      "</IconBtn>"
+    ],
+    "description": "Icon only button"
+  },
+  "Radio Group": {
+    "prefix": "v-radio-grp",
+    "body": [
+      "<v-radio-group v-model=\"${1:modelValue}\">",
+      "  <v-radio",
+      "    v-for=\"item in ['apple', 'banana', 'cherry']\"",
+      "    :key=\"item\"",
+      "    :label=\"item\"",
+      "    :value=\"item\"",
+      "  />",
+      "</v-radio-group>"
+    ],
+    "description": "Radio Group"
+  }
+}