fix: use nonce attribute

justin-tay · justin-tay · commit c219633c1be6 · 2023-10-31T15:33:16.000+08:00
diff --git a/packages/vite/src/client/client.ts b/packages/vite/src/client/client.ts
@@ -408,7 +408,7 @@ export function updateStyle(id: string, content: string): void {
     if (cspNonce === undefined) {
       cspNonce =
         document.querySelector<HTMLMetaElement>('meta[property=csp-nonce]')
-          ?.content ?? null
+          ?.nonce ?? null
     }
     if (cspNonce) {
       style.setAttribute('nonce', cspNonce)
diff --git a/playground/css/index.html b/playground/css/index.html
@@ -1,4 +1,4 @@
-<meta property="csp-nonce" content="random" />
+<meta property="csp-nonce" nonce="random" />
 
 <link rel="stylesheet" href="./linked.css" />
 

Original file line number	Diff line number	Diff line change
`@@ -408,7 +408,7 @@ export function updateStyle(id: string, content: string): void {`
`408`	`408`	`if (cspNonce === undefined) {`
`409`	`409`	`cspNonce =`
`410`	`410`	`document.querySelector<HTMLMetaElement>('meta[property=csp-nonce]')`
`411`		`- ?.content ?? null`
	`411`	`+ ?.nonce ?? null`
`412`	`412`	`}`
`413`	`413`	`if (cspNonce) {`
`414`	`414`	`style.setAttribute('nonce', cspNonce)`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<meta property="csp-nonce" content="random" />`
	`1`	`+<meta property="csp-nonce" nonce="random" />`
`2`	`2`
`3`	`3`	`<link rel="stylesheet" href="./linked.css" />`
`4`	`4`