Nuxt3 を最新版にアップデートしたら Failed to resolve component: NuxtLink などと述べられるので対応する

ふとしです。

まだまだ beta 版のせいか大きな変更が入ったり不安定だったりしますね。

というわけで普通にアップデートしただけなのにデフォルト配給のコンポーネントでエラーになって駄目です。

[Vue warn]: Failed to resolve component: NuxtLink
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

手動でコンポーネントを突っ込んでやるととりあえずは動くようです。plugins/workaround.ts などを用意して、以下。

import { defineNuxtLink, defineNuxtPlugin } from '#app';

export default defineNuxtPlugin((app) => {
  app.vueApp.component(
    'NuxtLink',
    defineNuxtLink({
      componentName: 'NuxtLink',
    })
  );
});

これで動くようになりました。

早く Vue3 ベースの Nuxt3 がプロダクトで使えるようになってほしいところですが、まだまだ安心して使えませんね。