【Nuxt.js】no-ssrタグを使用するとwarningがでる

Nuxt.jsでSSRをしたくない要素に対して付与するno-ssrタグを使用したらWaringが表示されました。こちらの対応方法を記載します。

環境情報

Nuxt.js: v2.13.0

no-ssrタグを使用するとwarningがでる

no-ssrを使用した際に以下のようなWarningが表示されました。

[warn] <no-ssr> has been deprecated and will be removed in Nuxt 3, please use <client-only> instead

no-ssrタグはnuxt.jsバージョン3系では廃止されるので代わりにclient-onlyタグを使用してくださいとのことです。

公式によるとv2.9.0にて追加されたようで、これ以降のバージョンではno-ssrタグが使用されているとNuxt.js実行時にWarningが表示されるようになっているようになっているようです。

変わりにclient-onlyタグを使いましょう

というわけでv2.9.0以降ではclient-onlyタグを使用しましょう!!

参考

https://ja.nuxtjs.org/api/components-client-only/