vue3项目ssr改造，onMounted如何处理？

Question

问题遇到的现象和发生背景

我用 vue 3 + vant 开发了一个移动端商城项目，现在想做服务端渲染，看了 vue 3官网的《服务端渲染指南》，得知：

因为这里没有动态更新，唯一会在 SSR 过程中被调用的生命周期钩子是 beforeCreate 和 created。

而 created 在组合式 api setup 中没有对应的钩子，那么是否意味着我之前写的 onMounted 中的代码都要直接写在 setup 中？

问题相关代码，请勿粘贴截图

下面是首页中的 onMounted 代码示例：

onMounted(async () => {
                let token = getLocal('token');
                
                if(token){
                    //登录了
                    state.isLogin = true;
                }
                
                Toast.loading({
                    message: '加载中...',
                    forbidClick: true,
                });
                
                let {data} = await getHome();
                
                state.swiperList = data.carousels;
                state.newGoodses = data.newGoodses;
                state.hots = data.hotGoodses;
                state.recommends = data.recommendGoodses;
                state.loading = false;
                Toast.clear();
            });

我想要达到的结果

使 onMounted 中的代码在客户端、服务端构建时能够通用，谢谢！