Nuxt v3.11がリリース

2024年3月16日にNuxt v3.11がリリースされました。

Nuxt 3.11 · Nuxt Blog

Nuxt 3.11 is out - with better logging, preview mode, server pages and much more!

https://nuxt.com/blog/v3-11

Nuxt v4リリース前の最後のマイナーバージョンリリースとのことです。

本記事では、Nuxt公式のブログを参考に気になる内容をまとめます。

SSR時のログ出力

SSRのアプリケーションを開発する際にconsole.logの内容をブラウザコンソールに出力できるようになりました。

Server Componentをpages単位で利用可能

Server Componentをpagesディレクトリ配下のVue.jsファイルにも適用することができるようになりました。

Server Componentを使用する際は、componentsディレクトリで使用するときと同様にファイル名.server.vueという命名にする必要があります。

しかし、Server Componentは実験的な機能であるため、使用時には注意が必要そうです。

Nuxt v4のリリース時には安定版の機能として採用されることを期待したいと思います。

Teleportのターゲットが追加

組み込みコンポーネントであるTeloportの新しいターゲットとしてbodyタグ配下に<div id="teleports"></div>が追加されました。