fix: disable sanitizer for amp custom styles

nuxt-community · Dec 27, 2020 · 93a0964 · 93a0964
1 parent 4c3e2d5
commit 93a0964
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/templates/plugin.js b/templates/plugin.js
@@ -13,7 +13,12 @@ export default async function (ctx, inject) {
     Object.keys(result).forEach(key => inject(key, result[key]))
   }
   <% if (options.css) { %>if (ctx.$isAMP) {
+    const { head } = ctx.app
+    // Disable sanitizer
+    head.__dangerouslyDisableSanitizersByTagID = head.__dangerouslyDisableSanitizersByTagID || {}
+    head.__dangerouslyDisableSanitizersByTagID['amp-custom'] = ['innerHTML']
+
     const cssText = await import('!!raw-loader<%= options.cssLoader %>!<%= options.css %>').then(m => m.default || m)
-    ctx.app.head.style.push({ cssText, type: 'text/css', hid: 'amp-custom' })
+    head.style.push({ cssText, type: 'text/css', hid: 'amp-custom' })
   }<% } %>
 }