Vue3 Setup時にaxiosでデータを読み込みたい

コンポーネントで新着情報を表示するために、setup時にaxiosを使い投稿データを取得して
出力しようと思いましたが、取得はできますが出力がされません。
最終的にSuspenseを使用して読み込み中の表示をつけたいのでsetup時に読み込みを実行したいです。

#試したこと。

###templateにpostsの出力を省いてテキストのみにする
出力されませんでした。
###postsに直にデータを入れてみる
出力されませんでした。
setupからasyncを外す。
出力されました。ただし出力はPromiseのままでした。

Javascript
1const posts = {
2    template: `
3posts:{{posts}}
4`,
5    async setup(){
6        console.log("setup")
7        const url = "https://"  //取得するURL
8        const posts = await axios.get(url).then(res => {
9            return res.data
10        })
11        console.log(posts)
12        return {posts}
13    }
14}
15
16const app = Vue.createApp({
17    components: {
18        'posts': posts
19    },
20}).mount('main')

HTML
1<!DOCTYPE html>
2<html lang="ja">
3  <head>
4    <meta charset="utf-8">
5  </head>
6  <body>
7    <main><posts /></main>
8    <script type='text/javascript' src='https://unpkg.com/vue@next?ver=1.0.0' id='vue3-js'></script>
9    <script type='text/javascript' src='https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js?ver=1.0.0' id='axios-js'></script>
10    <script src="vuemain.js"></script>
11  </body>
12</html>