Vueでタブに表示されているタイトルをデフォルトから変更する

やりたいこと

chromeの上部に表示されているタイトルを変更したい

環境情報

• vue
  • 2.6.12

index.htmlを確認

index.htmlに定義があるので確認してみる
titleタブで表示されている内容が htmlWebpackPlugin.options.title となっている

htmlWebpackPlugin.options.title の値を定義するには、 vue.config.js を編集したら良い
※ vue cliでプロジェクトを作成

vue.config.jsを編集

以下の様に編集

module.exports = {
  pages: {
    index: {
      entry: "src/main.js",
      title: "ああああ"
    }
  }
}

無事変わりました

参考

• htmlWebpackPlugin.options.title を設定する方法
  • https://suzuki-navi.hatenablog.com/entry/2020/11/23/215712