Unknown custom element: <TagName> - did you register the component correctly?

上記のエラー、いくつか原因があるそうです。以下の記事で気づくことができました。助かりました。

• Vue.jsでコンポーネントが表示されない時に確認する 3 つの事 - すずきライフ

自分の場合、循環参照で問題が起こっていました。解決策は、以下のように非同期 import (asynchronous import) させることでです。

// 誤
import Component from './Component.vue'
export default {
  components: {
    Component
  },
}

// 正
export default {
  components: {
    Component: () => import('./Component.vue')
  },
}

他にも require を使う方法も記載されていました。以下、公式ドキュメントになります。

• Circular References Between Components - Vue.js

---

自分の場合はさらに Content と言うコンポーネント名を使おうとしていました。これが content と言う非推奨になっているタグとバッティングしていたらしく、さきに非推奨の content が適用されてさらによくわからない状態になっていました... orz

• <content>: シャドウ DOM のコンテンツのプレイスホルダー要素 - MDN Web docs