@@ -8,7 +8,6 @@
       }
     ]
   ],
-  "plugins": ["@babel/plugin-proposal-class-properties"],
   "env": {
     "development": {
       "plugins": ["react-refresh/babel"]
 
@@ -47,6 +47,7 @@ jobs:
       - run: npm run lint:js
       - run: npm run lint:prettier
       - run: npm run lint:markdown
+      - run: npm run lint:spelling
 
   proseLint:
     name: Proselint
@@ -68,7 +69,7 @@ jobs:
         run: npm install -g mdx2vast
 
       - name: Vale
-        uses: errata-ai/vale-action@85f9f7f2c5f449ac0ae5b66662961bae3f77ca6a # v2.1.2
+        uses: errata-ai/vale-action@518a9136acc6e6668ce7c00d367051e0941e87ff # v3.0.0
         with:
           files: src/content
         env:
@@ -96,7 +97,7 @@ jobs:
         uses: ./.github/actions/webpack-persistent-cache
 
       - name: Cypress run
-        uses: cypress-io/github-action@fa4a118725a8f001170d49631ea89e5d66fee626 # v7.4.1
+        uses: cypress-io/github-action@01e3b659a495b41649cdd0aa82e1d1624e26520b # v7.4.4
         with:
           browser: chrome
           config-file: cypress.config.js
 
@@ -0,0 +1,226 @@
+{
+  "version": "0.2",
+  "language": "en",
+  "dictionaries": [
+    "typescript",
+    "node",
+    "html",
+    "css",
+    "npm",
+    "softwareTerms",
+    "fullstack",
+    "bash"
+  ],
+  "ignoreRegExpList": [
+    "/^contributors:\\r?\\n(\\s+-\\s+.*\\r?\\n)+/gm",
+    "/^\\s+-\\s+title:.*$/gm",
+    "/^\\s+url:.*$/gm"
+  ],
+  "ignorePaths": [
+    "**/.cache/**",
+    "**/dist/**",
+    "**/node_modules/**",
+    "package-lock.json",
+    "repositories/**",
+    "src/**/_*.json",
+    "src/_content.json",
+    "src/components/__mocks__/**",
+    "src/content/**/_*.mdx",
+    "src/content/awesome-webpack.mdx",
+    "src/utilities/fixtures/**",
+    "yarn.lock"
+  ],
+  "words": [
+    "absolutify",
+    "abtests",
+    "accum",
+    "akait",
+    "algoliasearch",
+    "analysable",
+    "analyse",
+    "analysed",
+    "analysing",
+    "appcache",
+    "asyncification",
+    "atproto",
+    "atrule",
+    "backupcopy",
+    "bartushek",
+    "behaviour",
+    "behaviours",
+    "boopathi",
+    "bootup",
+    "branchname",
+    "browserslistrc",
+    "browsertest",
+    "Bublé",
+    "bugfree",
+    "buildin",
+    "canonicalroot",
+    "chenxsan",
+    "Childs",
+    "chrisbateman's",
+    "chunkfilename",
+    "chunkhash",
+    "chunkmodules",
+    "Chunkmy",
+    "chunkname",
+    "codemod",
+    "codemods",
+    "Cofounder",
+    "componentname",
+    "concatenatemodules",
+    "configtest",
+    "containedfile",
+    "containedpath",
+    "corejs",
+    "coverjs",
+    "creativecommons",
+    "cssmodules",
+    "customise",
+    "deamdify",
+    "debugids",
+    "delegators",
+    "dependingfile",
+    "destructures",
+    "devserver",
+    "devserverdevmiddleware",
+    "devtooling",
+    "dont",
+    "effectful",
+    "esinstall",
+    "esmodules",
+    "evaled",
+    "evanw",
+    "excurse",
+    "façade",
+    "fengari",
+    "filebase",
+    "footguns",
+    "Frontends",
+    "fullhash",
+    "GHSA",
+    "googlef",
+    "grrizzly",
+    "gstatic",
+    "gulpfile",
+    "handleable",
+    "harddisk",
+    "Headmatter",
+    "henriquea",
+    "hotspots",
+    "hrefs",
+    "Idents",
+    "importmap",
+    "initialised",
+    "inlinable",
+    "inlines",
+    "instrumenter",
+    "jrburke",
+    "jslinks",
+    "jsxobj",
+    "jsxs",
+    "KGQCZQ",
+    "Kolhar",
+    "loadername",
+    "longhands",
+    "macbook",
+    "makuzaverite",
+    "markdownit",
+    "maxloh",
+    "merch",
+    "meriyah",
+    "metrohash",
+    "Mijael",
+    "minifiers",
+    "modu",
+    "modulehash",
+    "moduleid",
+    "msal",
+    "mtimes",
+    "Multiplicator",
+    "mysecretkey",
+    "namedexport",
+    "neighbour",
+    "noimport",
+    "nosources",
+    "nwjs",
+    "ooooptions",
+    "OPENCOLLECTIVE",
+    "openjs",
+    "optimizationconcatenatemodules",
+    "optimizationemitonerrors",
+    "originalfile",
+    "outputchunkfilename",
+    "outputcopy",
+    "outputpublicpath",
+    "pathinfo",
+    "peerigon",
+    "phin",
+    "pluginsapi",
+    "polyfilling",
+    "precached",
+    "precaching",
+    "preloaders",
+    "prioritise",
+    "provideplugin",
+    "publicpath",
+    "reactvendors",
+    "recognise",
+    "recompiles",
+    "Redirections",
+    "redownloaded",
+    "reloadable",
+    "Requirable",
+    "resolvemodules",
+    "Rotater",
+    "Rspack",
+    "Rspack’s",
+    "ruleexclude",
+    "ruleinclude",
+    "ruleoptions",
+    "rulequery",
+    "ruleuse",
+    "runtimechunk",
+    "rynclark",
+    "sockjs",
+    "sokra",
+    "somelib",
+    "soonish",
+    "spdy",
+    "ssgrun",
+    "subchunks",
+    "Subdirs",
+    "sublicensable",
+    "Subresource",
+    "substack",
+    "testapp",
+    "Threadless",
+    "timestamping",
+    "tootallnate",
+    "traceur",
+    "transpiles",
+    "treemap",
+    "trivago",
+    "uglifyify",
+    "uglifyjs",
+    "unanalyzable",
+    "uncacheable",
+    "uniquename",
+    "unmangleable",
+    "unminified",
+    "varunjayaraman",
+    "Venech",
+    "waivable",
+    "watchings",
+    "webpackfile",
+    "Webstorm",
+    "Worklets",
+    "yoriiis",
+    "yourregex",
+    "zoomable",
+    "zopfli",
+    "Zstandard",
+    "इस्तेमाल"
+  ]
+}
@@ -12,20 +12,20 @@ describe("server side rendered page", () => {
 
   it("should find html tag with lang", () => {
     cy.visit("/");
-    cy.get('html[lang="ko"]');
+    cy.get('html[lang="en"]');
   });
 
   it("should find meta charset", () => {
     cy.visit("/");
     cy.get('meta[charset="utf-8"]');
   });
 
-  it("should find the default meta description", () => {
+  it("should find the home page meta description", () => {
     cy.visit("/");
     cy.get('head meta[name="description"]').should(
       "have.attr",
       "content",
-      "Webpack은 모듈 번들러입니다. 주요 목적은 브라우저에서 사용할 수 있도록 JavaScript 파일을 번들로 묶는 것이지만, 리소스나 애셋을 변환하고 번들링 또는 패키징할 수도 있습니다.",
+      "webpack은 JavaScript, CSS, HTML, WebAssembly와 애셋을 브라우저, Node.js, Deno, Bun 및 기타 환경에 최적화된 결과물로 번들링합니다.",
     );
   });
 
@@ -34,6 +34,6 @@ describe("server side rendered page", () => {
     cy.title().should("eq", "webpack");
 
     cy.visit("/guides/getting-started/");
-    cy.title().should("eq", "Getting Started | Webpack");
+    cy.title().should("eq", "Getting Started | webpack");
   });
 });
@@ -2,7 +2,7 @@
 
 Cypress.Commands.add("isNotInViewport", (element) => {
   cy.get(element).then(($el) => {
-    // we won't have horizontal scollbar
+    // we won't have horizontal scrollbar
     const rect = $el[0].getBoundingClientRect();
     if (rect.top < 0) {
       expect(rect.bottom).to.be.lessThan(0);
 
@@ -34,6 +34,9 @@ export default defineConfig([
     ],
     rules: {
       "unicorn/prefer-global-this": "off",
+      // eslint-import-resolver-node predates `exports` maps, and react-router 8
+      // is ESM only with no `main`, so the resolver cannot find it.
+      "import/no-unresolved": ["error", { ignore: ["^react-router$"] }],
     },
   },
   {
 
@@ -2,13 +2,20 @@ export default {
   verbose: true,
   testEnvironment: "node",
   setupFiles: ["./src/setupTests.js"],
+  // react-router 8 is ESM only, so the component tests that mount a router
+  // have to be ESM too; .jsx is not an extension node recognizes on its own.
+  extensionsToTreatAsEsm: [".jsx"],
   transform: {
     "^.+\\.(m|c)?jsx?$": "babel-jest",
   },
   moduleNameMapper: {
     "\\.(scss|css)$": "<rootDir>/src/components/__mocks__/styleMock.js",
     "\\.svg$": "<rootDir>/src/components/__mocks__/svgMock.js",
     "\\.(png|jpg|jpeg|ico)$": "<rootDir>/src/components/__mocks__/fileMock.js",
+    // ESM resolves the whole import graph up front, so a generated file that is
+    // absent has to be mapped rather than mocked virtually.
+    "_supporters\\.json$":
+      "<rootDir>/src/components/__mocks__/supportersMock.js",
   },
   moduleFileExtensions: [
     "js",
Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,6 @@`
`8`	`8`	`}`
`9`	`9`	`]`
`10`	`10`	`],`
`11`		`- "plugins": ["@babel/plugin-proposal-class-properties"],`
`12`	`11`	`"env": {`
`13`	`12`	`"development": {`
`14`	`13`	`"plugins": ["react-refresh/babel"]`