【Nuxt】共通のJavaScriptをheadに記述する方法

【Nuxt】共通のJavaScriptをheadに記述する方法

このようにnuxt.config.jsに記述することで、全てのpageで共通のJavaScriptを実行することができます。

nuxt.config.js

// ...
  head: {
    script: [      
      {
        innerHTML: `alert('Hello!');`
      }
    ],
    __dangerouslyDisableSanitizers: ['script'],
// ...

__dangerouslyDisableSanitizers: ['script']は、innerHTML内の文字がエスケープされるのを防ぐためのオプションです。これがないと文字列がうまく出力できません。

終わりに

私は現在、Web3のサービスの開発をしています。詳しくはこちらの記事をご覧下さい。
無料でイーサリアムが当たる、Web3時代の寄付サイトを作った話