initial commit

.vscode/custom.code-snippets

@@ -0,0 +1,109 @@
+{
+  // JavaScript Snippets
+  "exportDefault": {
+    "prefix": "exp",
+    "body": [
+      "export default ${1:moduleName}",
+      ""
+    ]
+  },
+  "exportDestructing": {
+    "prefix": "exd",
+    "body": [
+      "export { ${2:destructuredModule} } from '${1:module}'",
+      ""
+    ]
+  },
+  "exportAs": {
+    "prefix": "exa",
+    "body": [
+      "export { ${2:originalName} as ${3:aliasName}} from '${1:module}'",
+      ""
+    ]
+  },
+  "exportDefaultFunction": {
+    "prefix": "edf",
+    "body": [
+      "export default (${1:params}) => {",
+      "  $0",
+      "}",
+      ""
+    ]
+  },
+  "exportDefaultNamedFunction": {
+    "prefix": "ednf",
+    "body": [
+      "export default function ${1:functionName}(${2:params}) {",
+      "  $0",
+      "}",
+      ""
+    ]
+  },
+  // React Snippets
+  "reactArrowFunctionExportComponent": {
+    "prefix": "rafce",
+    "body": [
+      "const ${1:ComponentName} = () => {",
+      "  return (",
+      "    $0",
+      "  )",
+      "}",
+      "",
+      "export default ${1:ComponentName}",
+      ""
+    ]
+  },
+  "reactArrowFunctionComponent": {
+    "prefix": "rafc",
+    "body": [
+      "const ${1:ComponentName} = () => {",
+      "  return (",
+      "    $0",
+      "  )",
+      "}",
+      ""
+    ]
+  },
+  "reactUseState": {
+    "prefix": "useState",
+    "body": [
+      "const [${1:state}, set${1/(.*)/${1:/capitalize}/}] = useState(${2:initialState})"
+    ]
+  },
+  "reactUseEffect": {
+    "prefix": "useEffect",
+    "body": [
+      "useEffect(() => {",
+      "  $0",
+      "}, [])"
+    ]
+  },
+  // Type Snippets
+  "exportType": {
+    "prefix": "exptp",
+    "body": [
+      "export type ${1:Props} = {",
+      "  ${2:name}: ${3:string}",
+      "}",
+      ""
+    ]
+  },
+  "type": {
+    "prefix": "tp",
+    "body": [
+      "type ${1:Props} = {",
+      "  ${2:name}: ${3:string}",
+      "}",
+      ""
+    ]
+  },
+  // Next Snippets
+  "nextImport": {
+    "prefix": "impn",
+    "body": [
+      "// Next Import",
+      "import ${2:second} from '${1:first}'",
+      ""
+    ]
+  }
+}

.vscode/extensions.json

@@ -0,0 +1,26 @@
+{
+  "recommendations": [
+    "formulahendry.auto-close-tag",
+    "steoates.autoimport",
+    "mgmcdermott.vscode-language-babel",
+    "aaron-bond.better-comments",
+    "MohammadBaqer.better-folding",
+    "pustelto.bracketeer",
+    "streetsidesoftware.code-spell-checker",
+    "naumovs.color-highlight",
+    "mikestead.dotenv",
+    "EditorConfig.EditorConfig",
+    "usernamehw.errorlens",
+    "dbaeumer.vscode-eslint",
+    "eamodio.gitlens",
+    "antfu.iconify",
+    "xabikos.JavaScriptSnippets",
+    "christian-kohler.npm-intellisense",
+    "christian-kohler.path-intellisense",
+    "esbenp.prettier-vscode",
+    "yoavbls.pretty-ts-errors",
+    "jasonnutter.search-node-modules",
+    "stylelint.vscode-stylelint",
+    "styled-components.vscode-styled-components"
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,53 @@
+{
+  // JS
+  "javascript.updateImportsOnFileMove.enabled": "always",
+  // JSON
+  "[json]": {
+    "editor.defaultFormatter": "vscode.json-language-features"
+  },
+  "[jsonc]": {
+    "editor.defaultFormatter": "vscode.json-language-features"
+  },
+  // VSCode Editor
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never",
+    "source.fixAll.stylelint": "explicit"
+  },
+  // Extension: Git
+  "git.rebaseWhenSync": true,
+  "git.autofetch": true,
+  "git.enableSmartCommit": true,
+  // Extension: Prettier
+  "prettier.requireConfig": true,
+  // Extension: ESLint
+  "eslint.validate": [
+    "javascript",
+    "typescript",
+    "javascriptreact",
+    "typescriptreact"
+  ],
+  "eslint.format.enable": true,
+  // Stylelint
+  "css.validate": false,
+  "less.validate": false,
+  "scss.validate": false,
+  "stylelint.enable": true,
+  "stylelint.validate": [
+    "css",
+    "scss",
+    "typescript",
+    "typescriptreact"
+  ],
+  "markdown.extension.toc.updateOnSave": false,
+  "files.insertFinalNewline": true,
+  "editor.linkedEditing": true,
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "cSpell.words": [
+    "customizer",
+    "iconify",
+    "tanstack"
+  ]
+}