diff --git a/docs-svelte-kit/.eslintrc.cjs b/docs-svelte-kit/.eslintrc.cjs
index e38d0514a..d5a5f38af 100644
--- a/docs-svelte-kit/.eslintrc.cjs
+++ b/docs-svelte-kit/.eslintrc.cjs
@@ -9,8 +9,7 @@ module.exports = {
     "@ota-meshi/svelte/button-has-type": "error",
     "@ota-meshi/svelte/no-useless-mustaches": "error",
     "@ota-meshi/svelte/prefer-class-directive": "error",
-    // TODO Still get an error with prettier-plugin-svelte. Probably fixed in v2.6.
-    // "@ota-meshi/svelte/prefer-style-directive": "error",
+    "@ota-meshi/svelte/prefer-style-directive": "error",
     "@ota-meshi/svelte/spaced-html-comment": "error",
   },
 }
diff --git a/docs-svelte-kit/src/lib/components/ESLintCodeBlock.svelte b/docs-svelte-kit/src/lib/components/ESLintCodeBlock.svelte
index 4024fac4f..f172f0151 100644
--- a/docs-svelte-kit/src/lib/components/ESLintCodeBlock.svelte
+++ b/docs-svelte-kit/src/lib/components/ESLintCodeBlock.svelte
@@ -38,7 +38,7 @@
   <slot />
 </div>
 
-<div class="eslint-code-block-root" style="height: {blockHeight}">
+<div class="eslint-code-block-root" style:height={blockHeight}>
   <ESLintEditor
     {linter}
     bind:code
@@ -65,7 +65,7 @@
         Show Diff
       </label>
     {/if}
-    <span style="margin-left: 16px">{time}</span>
+    <span style:margin-left="16px">{time}</span>
   </div>
 </div>
 
diff --git a/docs-svelte-kit/src/lib/components/ESLintPlayground.svelte b/docs-svelte-kit/src/lib/components/ESLintPlayground.svelte
index 62a85b93e..9d5796453 100644
--- a/docs-svelte-kit/src/lib/components/ESLintPlayground.svelte
+++ b/docs-svelte-kit/src/lib/components/ESLintPlayground.svelte
@@ -128,7 +128,7 @@
 
 <div class="playground-root">
   <div class="playground-tools">
-    <span style="margin-left: 16px">{time}</span>
+    <span style:margin-left="16px">{time}</span>
   </div>
   <div class="playground-content">
     <RulesSettings bind:rules />
diff --git a/docs-svelte-kit/src/lib/header/Header.svelte b/docs-svelte-kit/src/lib/header/Header.svelte
index 8a2e59835..4d9c72a64 100644
--- a/docs-svelte-kit/src/lib/header/Header.svelte
+++ b/docs-svelte-kit/src/lib/header/Header.svelte
@@ -75,7 +75,7 @@
         class="octicon octicon-mark-github"
         aria-hidden="true"
         ><path
-          style="fill: #2c3e50"
+          style:fill="#2c3e50"
           fill-rule="evenodd"
           d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"
         />
diff --git a/package.json b/package.json
index 4d475d019..0a2ce2c58 100644
--- a/package.json
+++ b/package.json
@@ -58,7 +58,7 @@
     "eslint-utils": "^3.0.0",
     "postcss": "^8.4.5",
     "sourcemap-codec": "^1.4.8",
-    "svelte-eslint-parser": "^0.11.0"
+    "svelte-eslint-parser": "^0.12.0"
   },
   "peerDependencies": {
     "eslint": "^7.0.0 || ^8.0.0-0",
@@ -115,7 +115,7 @@
     "pako": "^2.0.3",
     "pirates": "^4.0.1",
     "prettier": "^2.2.1",
-    "prettier-plugin-svelte": "^2.5.1",
+    "prettier-plugin-svelte": "^2.6.0",
     "prism-svelte": "^0.4.7",
     "prismjs": "^1.25.0",
     "semver": "^7.3.5",