fix: telegram mini app (#251)

.github/workflows/frontend_deploy.yaml

@@ -38,6 +38,11 @@ jobs:
           pnpm run deploy --project-name=$project_name
           echo "Deploying prodcution for ${{ github.ref_name }}"
           echo "Deployed for tag ${{ github.ref_name }}"
+          if [ -n "$tg_mini_app_project_name" ]; then
+            echo "Deploying telegram mini app $tg_mini_app_project_name"
+            pnpm run deploy:telegram --project-name=temp-mail-tg-miniapp
+            echo "Deployed telegram mini app for ${{ github.ref_name }}"
+          fi
         env:
           CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
           CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}

frontend/src/views/index/TelegramAddress.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, h, onMounted } from 'vue';
-import { useStorage } from '@vueuse/core';
+import { useSessionStorage } from '@vueuse/core';
 import { useI18n } from 'vue-i18n'
 import { NPopconfirm, NButton } from 'naive-ui'
 
@@ -31,7 +31,7 @@ const { t } = useI18n({
     }
 });
 
-const data = useStorage("telegram-bind-address", [])
+const data = useSessionStorage("telegram-bind-address", [])
 
 const fetchData = async () => {
     try {

vitepress-docs/docs/zh/guide/feature/telegram.md

@@ -17,3 +17,7 @@ cp .env.example .env.prod
 # --project-name 可以单独为 mini app 创建一个 pages, 你也可以公用一个 pages，但是可能遇到 js 加载不了的问题
 pnpm run deploy:telegram --project-name=<你的项目名称>
 ```
+
+请在 `@BotFather` 处执行 `/setmenubutton`，然后输入你的网页地址，设置左下角的 `Open App` 按钮。
+
+你也可以在 `@BotFather` 处执行 `/newapp` 新建 app 来获得 mini app 的链接