prerender route fetch payload is not prerendered

<script setup lang="ts">
    const route = useRoute();
    const { data, pending, error, refresh } = await useAsyncData(
        "games:" + (route.params.category || "") + ":" + (route.query.page || 0),
        () =>
            $fetch("http://localhost:3001/games", {
                query: {
                    page: route.query.page || 1,
                    category: route.params.category || null,
                },
            }),
    );

    const games = data;
</script>

    nitro: {
        routeRules: {
            "/category/action": { prerender: true },
            "/category/action?page=1": { prerender: true },
            "/category/action?page=2": { prerender: true },
        },
    },

  ├─ /category/action?page=1 (1494ms) (skipped)                                       nitro 5:09:21 PM
  ├─ /category/action?page=2 (1531ms) (skipped)                                       nitro 5:09:21 PM