useHeadSafe

useHeadSafe 컴포저블은 안전한 값만 허용하도록 입력을 제한하는 useHead 래퍼 컴포저블이다.

 

사용법

useHead 와 동일한 값을 전달할 수 있다.

useHeadSafe({
  script: [
    { id: 'xss-script', innerHTML: 'alert("xss")' }
  ],
  meta: [
    { 'http-equiv': 'refresh', content: '0;javascript:alert(1)' }
  ]
})
// Will safely generate
// <script id="xss-script"></script>
// <meta content="0;javascript:alert(1)">

 

Type

useHeadSafe(input: MaybeComputedRef<HeadSafe>): void

 

안전한 값 의 허용 목록은 아래와 같다.

export default {
  htmlAttrs: ['id', 'class', 'lang', 'dir'],
  bodyAttrs: ['id', 'class'],
  meta: ['id', 'name', 'property', 'charset', 'content'],
  noscript: ['id', 'textContent'],
  script: ['id', 'type', 'textContent'],
  link: ['id', 'color', 'crossorigin', 'fetchpriority', 'href', 'hreflang', 'imagesrcset', 'imagesizes', 'integrity', 'media', 'referrerpolicy', 'rel', 'sizes', 'type'],
}

참고) @unhead/schema