Merge pull request #37 from Kazuki-tam/feature/update-packages

Feature/update packages

.config/.stylelintrc.json

@@ -15,6 +15,8 @@
         "bracketSpacing": false
       }
     ],
+    "scss/dollar-variable-colon-space-after": null,
+    "media-query-no-invalid": null,
     "value-no-vendor-prefix": null,
     "property-no-vendor-prefix": null,
     "declaration-block-no-shorthand-property-overrides": null,

e2e/sample.spec.ts

@@ -1,5 +1,4 @@
-import { test, expect } from "@playwright/test";
-import { webkit } from "playwright";
+import { test, expect, webkit } from "@playwright/test";
 
 test("Visual regression testing of docs page", async () => {
   const browser = await webkit.launch();

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pure-liquid",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Starter kit with Liquid for static website.",
   "author": "Kazuki Yonemoto (https://dev.to/tim_yone)",
   "homepage": "https://github.com/Kazuki-tam/pure-liquid#readme",
@@ -48,81 +48,80 @@
     "e2e:report": "playwright show-report .config/my-report",
     "unit": "jest --config .config/jest.config.ts",
     "unit:watch": "jest --watch --config .config/jest.config.ts",
-    "format": "prettier --write --plugin-search-dir=. 'src/**/*.{js,ts,tsx}' --config .config/.prettierrc",
+    "format": "prettier --write 'src/**/*.{js,ts,tsx}' --config .config/.prettierrc",
     "postCss": "postcss ./dist/**/*.css --replace ./dist/**/*.css --config .config/.postcssrc.js",
     "postCss:watch": "postcss ./dist/**/*.css --base ./dist/ --dir ./dist/ --watch --config .config/.postcssrc.js",
     "postInstall": "typesync",
     "checkLicense": "license-checker --production"
   },
   "devDependencies": {
-    "@11ty/eleventy": "^2.0.0",
-    "@11ty/eleventy-fetch": "^3.0.0",
+    "@11ty/eleventy": "^2.0.1",
+    "@11ty/eleventy-fetch": "^4.0.0",
     "@fullhuman/postcss-purgecss": "^5.0.0",
-    "@playwright/test": "^1.25.2",
+    "@playwright/test": "^1.37.0",
     "@rspack/cli": "^0.2.11",
     "@types/cpx": "^1.5.2",
-    "@types/eslint": "^8.4.6",
+    "@types/eslint": "^8.44.2",
     "@types/html-minifier": "^4.0.2",
-    "@types/imagemin": "^8.0.0",
+    "@types/imagemin": "^8.0.1",
     "@types/imagemin-gifsicle": "^7.0.1",
     "@types/imagemin-jpegtran": "^5.0.1",
     "@types/imagemin-mozjpeg": "^8.0.1",
     "@types/imagemin-pngquant": "8.0.0",
     "@types/imagemin-svgo": "10.0.2",
     "@types/imagemin-webp": "7.0.0",
-    "@types/jest": "^29.0.0",
+    "@types/jest": "^29.5.3",
     "@types/license-checker": "^25.0.3",
-    "@types/prettier": "^2.7.0",
+    "@types/prettier": "^3.0.0",
     "@types/svg-sprite": "^0.0.34",
-    "@typescript-eslint/eslint-plugin": "^5.36.2",
-    "@typescript-eslint/parser": "^5.36.2",
-    "autoprefixer": "^10.4.8",
+    "@typescript-eslint/eslint-plugin": "^6.3.0",
+    "@typescript-eslint/parser": "^6.3.0",
+    "autoprefixer": "^10.4.14",
     "cpx": "^1.5.0",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.7.1",
-    "cssnano": "^5.1.13",
-    "date-fns": "^2.29.3",
-    "dotenv": "^16.0.3",
-    "eslint": "^8.23.0",
-    "eslint-plugin-jest": "^27.0.2",
-    "eslint-plugin-playwright": "^0.12.0",
+    "css-loader": "^6.8.1",
+    "cssnano": "^6.0.1",
+    "date-fns": "^2.30.0",
+    "dotenv": "^16.3.1",
+    "eslint": "^8.47.0",
+    "eslint-plugin-jest": "^27.2.3",
+    "eslint-plugin-playwright": "^0.15.3",
     "html-minifier": "^4.0.0",
-    "html-validate": "^7.3.3",
+    "html-validate": "^8.2.0",
     "imagemin": "^8.0.1",
     "imagemin-gifsicle": "^7.0.0",
     "imagemin-jpegtran": "^7.0.0",
     "imagemin-keep-folder": "^5.3.2",
     "imagemin-mozjpeg": "^10.0.0",
-    "imagemin-pngquant": "9.0.0",
+    "imagemin-pngquant": "9.0.2",
     "imagemin-svgo": "10.0.1",
     "imagemin-webp": "^8.0.0",
-    "jest": "^29.4.3",
-    "jest-environment-jsdom": "^29.0.3",
+    "jest": "^29.6.2",
+    "jest-environment-jsdom": "^29.6.2",
     "license-checker": "^25.0.1",
     "npm-run-all": "^4.1.5",
     "onchange": "^7.1.0",
-    "playwright": "^1.25.2",
-    "postcss": "^8.4.17",
-    "postcss-cli": "^10.0.0",
+    "postcss": "^8.4.27",
+    "postcss-cli": "^10.1.0",
     "postcss-combine-media-query": "^1.0.1",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-plugin": "^1.0.0",
-    "postcss-scss": "^4.0.5",
-    "prettier": "^2.7.1",
-    "rimraf": "^4.1.2",
-    "sass": "^1.54.8",
-    "stylelint": "^15.10.1",
-    "stylelint-config-prettier": "^9.0.3",
-    "stylelint-config-standard": "^30.0.1",
-    "stylelint-config-standard-scss": "^7.0.1",
-    "stylelint-order": "^6.0.2",
-    "stylelint-prettier": "^3.0.0",
+    "postcss-scss": "^4.0.6",
+    "prettier": "^3.0.1",
+    "rimraf": "^5.0.1",
+    "sass": "^1.65.1",
+    "stylelint": "^15.10.2",
+    "stylelint-config-prettier": "^9.0.5",
+    "stylelint-config-standard": "^34.0.0",
+    "stylelint-config-standard-scss": "^10.0.0",
+    "stylelint-order": "^6.0.3",
+    "stylelint-prettier": "^4.0.2",
     "svg-sprite": "^2.0.2",
-    "ts-jest": "^29.0.5",
-    "ts-loader": "^9.3.1",
+    "ts-jest": "^29.1.1",
+    "ts-loader": "^9.4.4",
     "ts-node": "^10.9.1",
-    "typescript": "^4.8.2",
-    "typesync": "^0.10.0"
+    "typescript": "^5.1.6",
+    "typesync": "^0.11.1"
   },
   "engines": {
     "node": ">=16"

src/assets/scss/object/project/_heading-project.scss

@@ -52,5 +52,7 @@
   line-height: 1;
   border-right: 5px solid var(--color-brand-primary);
   color: var(--color-brand-primary);
-  animation: typing 3s steps(18), blink 0.4s step-end infinite alternate;
+  animation:
+    typing 3s steps(18),
+    blink 0.4s step-end infinite alternate;
 }

src/assets/scss/setting/variable/_font.scss

@@ -6,5 +6,15 @@
 // https://getbootstrap.com/docs/4.3/content/reboot/
 // ex: font-family: $font-family-primay;
 // --------------------------------------------------
-$font-family-primary: inter, -apple-system, blinkmacsystemfont, segoe ui, roboto, oxygen, ubuntu,
-  cantarell, open sans, helvetica neue, sans-serif;
+$font-family-primary:
+  inter,
+  -apple-system,
+  blinkmacsystemfont,
+  segoe ui,
+  roboto,
+  oxygen,
+  ubuntu,
+  cantarell,
+  open sans,
+  helvetica neue,
+  sans-serif;