diff --git a/apps/telegram-game/auto-imports.d.ts b/apps/telegram-game/auto-imports.d.ts index 8c1ebb0..d57ea75 100644 --- a/apps/telegram-game/auto-imports.d.ts +++ b/apps/telegram-game/auto-imports.d.ts @@ -8,6 +8,7 @@ export {} declare global { const EffectScope: typeof import('vue')['EffectScope'] const Icon: typeof import('@iconify/vue')['Icon'] + const addon: typeof import('./src/utils/gameClient')['addon'] const computed: typeof import('vue')['computed'] const createApp: typeof import('vue')['createApp'] const customRef: typeof import('vue')['customRef'] @@ -15,6 +16,7 @@ declare global { const defineComponent: typeof import('vue')['defineComponent'] const effectScope: typeof import('vue')['effectScope'] const eslintConfig: typeof import('./eslint.config.mjs')['default'] + const gameClient: typeof import('./src/utils/gameClient')['gameClient'] const getCurrentInstance: typeof import('vue')['getCurrentInstance'] const getCurrentScope: typeof import('vue')['getCurrentScope'] const getEnv: typeof import('./src/utils/env')['getEnv'] @@ -48,6 +50,7 @@ declare global { const readonly: typeof import('vue')['readonly'] const ref: typeof import('vue')['ref'] const resolveComponent: typeof import('vue')['resolveComponent'] + const roomConnected: typeof import('./src/utils/gameClient')['roomConnected'] const shallowReactive: typeof import('vue')['shallowReactive'] const shallowReadonly: typeof import('vue')['shallowReadonly'] const shallowRef: typeof import('vue')['shallowRef'] diff --git a/apps/telegram-game/components.d.ts b/apps/telegram-game/components.d.ts index dd7d6f4..2427c3a 100644 --- a/apps/telegram-game/components.d.ts +++ b/apps/telegram-game/components.d.ts @@ -7,6 +7,7 @@ export {} /* prettier-ignore */ declare module 'vue' { export interface GlobalComponents { + ComingSoon: typeof import('./src/components/ComingSoon.vue')['default'] Game: typeof import('./src/components/Game.vue')['default'] Navigation: typeof import('./src/components/Navigation.vue')['default'] PageContainer: typeof import('./src/components/PageContainer.vue')['default'] diff --git a/apps/telegram-game/package.json b/apps/telegram-game/package.json index ab4705e..ef24fd0 100644 --- a/apps/telegram-game/package.json +++ b/apps/telegram-game/package.json @@ -15,7 +15,7 @@ "dependencies": { "@chat-game/game": "workspace:*", "@chat-game/types": "workspace:*", - "@telegram-apps/sdk-vue": "^1.0.6", + "@telegram-apps/sdk-vue": "^1.0.8", "vue": "^3.5.13", "vue-router": "^4.5.0" }, @@ -34,7 +34,7 @@ "unplugin-auto-import": "^0.18.6", "unplugin-icons": "^0.20.2", "unplugin-vue-components": "^0.27.5", - "vite": "^6.0.1", + "vite": "^6.0.2", "vite-plugin-terminal": "^1.2.0", "vite-plugin-vue-devtools": "^7.6.7", "vue-tsc": "^2.1.10" diff --git a/apps/telegram-game/src/assets/main.css b/apps/telegram-game/src/assets/main.css index 7292b97..27c34d9 100644 --- a/apps/telegram-game/src/assets/main.css +++ b/apps/telegram-game/src/assets/main.css @@ -20,7 +20,7 @@ --tg-theme-accent-text-color: #168dcd; --tg-theme-destructive-text-color: #d14e4e; - --tg-content-safe-area-inset-top: 100; + --tg-content-safe-area-inset-top: 20px; } @utility tg-bg { @@ -68,7 +68,10 @@ color: var(--tg-theme-section-separator-color); } +@utility tg-content-safe-area-top { + padding-top: var(--tg-content-safe-area-inset-top); +} @utility tg-content-safe-area { - padding-top: calc(var(--tg-content-safe-area-inset-top) * 1px); + padding-top: var(--tg-content-safe-area-inset-top); padding-bottom: 200px; } \ No newline at end of file diff --git a/apps/telegram-game/src/components/ComingSoon.vue b/apps/telegram-game/src/components/ComingSoon.vue new file mode 100644 index 0000000..b93b1c6 --- /dev/null +++ b/apps/telegram-game/src/components/ComingSoon.vue @@ -0,0 +1,9 @@ + diff --git a/apps/telegram-game/src/components/Game.vue b/apps/telegram-game/src/components/Game.vue index 6a78f0e..918bbf2 100644 --- a/apps/telegram-game/src/components/Game.vue +++ b/apps/telegram-game/src/components/Game.vue @@ -1,59 +1,34 @@ - - diff --git a/apps/telegram-game/src/components/Navigation.vue b/apps/telegram-game/src/components/Navigation.vue index 6dadd6d..c4e98c6 100644 --- a/apps/telegram-game/src/components/Navigation.vue +++ b/apps/telegram-game/src/components/Navigation.vue @@ -3,8 +3,10 @@