Vue3でのコンポーネントのグローバル登録方法について

Question

Vue3でのコンポーネントのグローバル登録方法を教えてください

vue初心者です。
vue2向けの教材を見ながらvuecliで単一ファイルコンポーネントのプロジェクトを作成し、vue3でコードを書いています。

Vueオブジェクトにグローバルにコンポーネントを登録する、というところを勉強していますが、Vue2とVue3でVueオブジェクトの読み込み方(DOMへのマウントの仕方？)の記述が異なっていて理解が追いつきません。

やってみたこと

↓main.js　appインスタンスを作成し、コンポーネントを登録

import App from "./App.vue";
const app = createApp(App)
app.component('Test', {
  template: '<p>test text</p>',
})
app.mount("#app");

↓App.vue　コンポーネントを使用

<template>
  <Test></Test>
</template>

この書き方だと、コンポーネントが画面に表示されません。
vue devtoolで見ると「Anonymous Component」と記述されてしまいます。
Vue3でグローバルコンポーネントとして登録したコンポーネントを使用するにはどうしたら良いでしょうか？