Nuxt3でのローカルJavaScriptグローバル読込み

外部からダウンロードしてきた生のJSをNuxt3で使いたかった

結論

JSファイルをpublicフォルダ配下に置いて下記設定を行う

nuxt.config.ts

export default defineNuxtConfig({
  app: {
    head: {
      script: [{type: 'text/javascript', src: '/vender/hogefuga.js'}] // パスにpublicを含めない
    }
  }
})

以下はtscのエラー回避

tsconfig.json

{
  "exclude": ["./public/vender/*.js"]
}

経緯

普通に使いたいJSをインポートしようとしたら

useHogeFuga.ts

import './utils/hogefuga.js' 

SyntaxError: applying the 'delete' operator to an unqualified name is deprecated

tscエラーとビルドエラーが発生

strictモード中でdelete使うなよってこと

ベンダーソースを書き換えるわけにもいかないのでなんとかグローバルで読込み