feat(dev): support vscode devcontainer

.devcontainer/devcontainer.json

@@ -0,0 +1,20 @@
+{
+  "name": "Jekyll",
+  "image": "mcr.microsoft.com/devcontainers/jekyll:2-bullseye",
+  "onCreateCommand": "git config --global --add safe.directory ${containerWorkspaceFolder}",
+  "postCreateCommand": "bash .devcontainer/post-create.sh",
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        "EditorConfig.EditorConfig",
+        "esbenp.prettier-vscode",
+        "foxundermoon.shell-format",
+        "killalau.vscode-liquid-snippets",
+        "mhutchie.git-graph",
+        "Shopify.theme-check-vscode",
+        "stylelint.vscode-stylelint",
+        "yzhang.markdown-all-in-one"
+      ]
+    }
+  }
+}

.devcontainer/post-create.sh

@@ -0,0 +1,10 @@
+#!/usr/bin/env bash
+
+npm_buid() {
+  bash -i -c "nvm install --lts"
+  npm i && npm run build
+}
+
+[[ -d _sass/dist && -d assets/js/dist ]] || npm_buid
+
+exec zsh

.github/dependabot.yml

@@ -23,3 +23,7 @@ updates:
           - "major"
     schedule:
       interval: "weekly"
+  - package-ecosystem: "devcontainers"
+    directory: "/"
+    schedule:
+      interval: weekly

.gitignore

@@ -17,7 +17,7 @@ package-lock.json
 
 # IDE configurations
 .idea
-.vscode
+.vscode/*
 !.vscode/settings.json
 !.vscode/extensions.json
 

.vscode/extensions.json

@@ -5,9 +5,12 @@
     // Liquid syntax highlighting and formatting
     "Shopify.theme-check-vscode",
     // Common formatter
+    "EditorConfig.EditorConfig",
     "esbenp.prettier-vscode",
     "foxundermoon.shell-format",
     "stylelint.vscode-stylelint",
-    "yzhang.markdown-all-in-one"
+    "yzhang.markdown-all-in-one",
+    // DevContainer
+    "ms-vscode-remote.remote-containers"
   ]
 }

.vscode/settings.json

@@ -22,6 +22,6 @@
   "scss.validate": false,
   "less.validate": false,
   // Stylint extension settings
-  "stylelint.snippet": ["css", "less", "postcss", "scss"],
-  "stylelint.validate": ["css", "less", "postcss", "scss"]
+  "stylelint.snippet": ["css", "scss"],
+  "stylelint.validate": ["css", "scss"]
 }