feat: support overriding meta viewport tag

3 years ago · 456df8f4bf
parent 08c4bacac5
commit 456df8f4bf
1 changed files with 13 additions and 1 deletions
--- a/src/node/build/render.ts
+++ b/src/node/build/render.ts
@ -152,7 +152,11 @@ export async function renderPage(
 <html lang="${siteData.lang}" dir="${siteData.dir}">
  <head>
    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width,initial-scale=1">
+    ${
+      isMetaViewportOverriding(head)
+        ? ''
+        : '<meta name="viewport" content="width=device-width,initial-scale=1">'
+    }
    <title>${title}</title>
    <meta name="description" content="${description}">
    ${stylesheetLink}
@ -256,3 +260,11 @@ function isMetaDescription(headConfig: HeadConfig) {
 function filterOutHeadDescription(head: HeadConfig[] | undefined) {
  return head ? head.filter((h) => !isMetaDescription(h)) : []
 }
+
+function isMetaViewportOverriding(head: HeadConfig[] | undefined) {
+  return head
+    ? head.some(
+        ([type, attrs]) => type === 'meta' && attrs?.name === 'viewport'
+      )
+    : false
+}