fix(build): remove `=""` from boolean attributes in head (#2620)

x-ref: https://github.com/vuejs/vitepress/issues/1131#issuecomment-1574092184, #2607 Co-authored-by: CaptainTeemo <alittlebarney@gmail.com>
12 months ago · e02adfe3ea
parent 9949f00461
commit e02adfe3ea
5 changed files with 350 additions and 624 deletions
--- a/docs/public/pure.html
+++ b/docs/public/pure.html
@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
  <head>
    <title>Plain HTML page | VitePress</title>
--- a/package.json
+++ b/package.json
@ -3,7 +3,7 @@
  "version": "1.0.0-beta.5",
  "description": "Vite & Vue powered static site generator",
  "type": "module",
-  "packageManager": "pnpm@8.6.5",
+  "packageManager": "pnpm@8.6.7",
  "main": "dist/node/index.js",
  "types": "types/index.d.ts",
  "exports": {
@ -96,11 +96,11 @@
    "@vueuse/core": "^10.2.1",
    "@vueuse/integrations": "^10.2.1",
    "body-scroll-lock": "4.0.0-beta.0",
-    "focus-trap": "^7.4.3",
+    "focus-trap": "^7.5.2",
    "mark.js": "8.11.1",
    "minisearch": "^6.1.0",
    "shiki": "^0.14.3",
-    "vite": "4.4.0-beta.3",
+    "vite": "^4.4.4",
    "vue": "^3.3.4"
  },
  "devDependencies": {
@ -130,14 +130,15 @@
    "@types/markdown-it-emoji": "^2.0.2",
    "@types/micromatch": "^4.0.2",
    "@types/minimist": "^1.2.2",
-    "@types/node": "^20.3.3",
+    "@types/node": "^20.4.2",
    "@types/prompts": "^2.4.4",
+    "@vue/shared": "^3.3.4",
    "chokidar": "^3.5.3",
    "compression": "^1.7.4",
    "conventional-changelog-cli": "^2",
    "cross-spawn": "^7.0.3",
    "debug": "^4.3.4",
-    "esbuild": "^0.18.11",
+    "esbuild": "^0.18.12",
    "escape-html": "^1.0.3",
    "execa": "^7.1.1",
    "fast-glob": "^3.3.0",
@ -160,23 +161,23 @@
    "path-to-regexp": "^6.2.1",
    "picocolors": "^1.0.0",
    "pkg-dir": "^7.0.0",
-    "playwright-chromium": "^1.35.1",
+    "playwright-chromium": "^1.36.0",
    "polka": "1.0.0-next.22",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.0",
    "prompts": "^2.4.2",
    "punycode": "^2.3.0",
    "rimraf": "^5.0.1",
-    "rollup": "^3.26.0",
+    "rollup": "^3.26.2",
    "rollup-plugin-dts": "^5.3.0",
    "rollup-plugin-esbuild": "^5.0.0",
-    "semver": "^7.5.3",
+    "semver": "^7.5.4",
    "shiki-processor": "^0.1.3",
    "simple-git-hooks": "^2.8.1",
    "sirv": "^2.0.3",
    "supports-color": "^9.4.0",
    "typescript": "^5.1.6",
-    "vitest": "^0.32.2",
-    "vue-tsc": "^1.8.3",
+    "vitest": "^0.33.0",
+    "vue-tsc": "^1.8.5",
    "wait-on": "^7.0.1"
  },
  "simple-git-hooks": {
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/src/client/theme-default/styles/components/vp-doc.css
+++ b/src/client/theme-default/styles/components/vp-doc.css
@ -42,7 +42,9 @@
  font-weight: 500;
  user-select: none;
  opacity: 0;
-  transition: color 0.25s, opacity 0.25s;
+  transition:
+    color 0.25s,
+    opacity 0.25s;
 }

 .vp-doc .header-anchor:before {
@ -245,7 +247,9 @@
  padding: 3px 6px;
  color: var(--vp-c-text-code);
  background-color: var(--vp-c-mute);
-  transition: color 0.5s, background-color 0.5s;
+  transition:
+    color 0.5s,
+    background-color 0.5s;
 }

 .vp-doc h1 > code,
@ -362,12 +366,16 @@
 .vp-doc [class*='language-'] .has-focused-lines .line:not(.has-focus) {
  filter: blur(0.095rem);
  opacity: 0.4;
-  transition: filter 0.35s, opacity 0.35s;
+  transition:
+    filter 0.35s,
+    opacity 0.35s;
 }

 .vp-doc [class*='language-'] .has-focused-lines .line:not(.has-focus) {
  opacity: 0.7;
-  transition: filter 0.35s, opacity 0.35s;
+  transition:
+    filter 0.35s,
+    opacity 0.35s;
 }

 .vp-doc [class*='language-']:hover .has-focused-lines .line:not(.has-focus) {
@ -415,7 +423,9 @@
  line-height: var(--vp-code-line-height);
  font-size: var(--vp-code-font-size);
  color: var(--vp-code-line-number-color);
-  transition: border-color 0.5s, color 0.5s;
+  transition:
+    border-color 0.5s,
+    color 0.5s;
 }

 .vp-doc [class*='language-'] > button.copy {
@ -437,7 +447,10 @@
  background-position: 50%;
  background-size: 20px;
  background-repeat: no-repeat;
-  transition: border-color 0.25s, background-color 0.25s, opacity 0.25s;
+  transition:
+    border-color 0.25s,
+    background-color 0.25s,
+    opacity 0.25s;
 }

 .vp-doc [class*='language-']:hover > button.copy,
@ -492,7 +505,9 @@
  font-size: 12px;
  font-weight: 500;
  color: var(--vp-c-code-dimm);
-  transition: color 0.4s, opacity 0.4s;
+  transition:
+    color 0.4s,
+    opacity 0.4s;
 }

 .vp-doc [class*='language-']:hover > button.copy + span.lang,
--- a/src/node/build/render.ts
+++ b/src/node/build/render.ts
@ -1,3 +1,4 @@
+import { isBooleanAttr } from '@vue/shared'
 import escape from 'escape-html'
 import fs from 'fs-extra'
 import path from 'path'
@ -6,8 +7,8 @@ import { pathToFileURL } from 'url'
 import { normalizePath, transformWithEsbuild } from 'vite'
 import type { SiteConfig } from '../config'
 import {
-  createTitle,
  EXTERNAL_URL_RE,
+  createTitle,
  mergeHead,
  notFoundPageData,
  resolveSiteDataByRoute,
@ -249,7 +250,8 @@ function renderHead(head: HeadConfig[]): Promise<string> {
 function renderAttrs(attrs: Record<string, string>): string {
  return Object.keys(attrs)
    .map((key) => {
-      return ` ${key}="${escape(attrs[key])}"`
+      if (isBooleanAttr(key)) return ` ${key}`
+      return ` ${key}="${escape(attrs[key] as string)}"`
    })
    .join('')
 }