nuxt-telegram-mini-app 0.0.2 → 0.0.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-telegram-mini-app",
   "description": "Structure and configurations for building a Telegram Mini App using Nuxt and TailWind, hosted on Netlify.",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "scripts": {
     "build": "nuxt build",
@@ -21,26 +21,26 @@
     "url": "https://github.com/patricktobias86"
   },
   "dependencies": {
-    "@nuxt/eslint": "^1.9.0",
-    "@nuxt/fonts": "^0.11.4",
-    "@nuxt/icon": "^2.0.0",
-    "eslint": "^9.35.0",
-    "nuxt": "^4.1.1",
-    "vue": "^3.5.21",
-    "vue-router": "^4.5.1"
+    "@nuxt/eslint": "^1.16.0",
+    "@nuxt/fonts": "^0.14.0",
+    "@nuxt/icon": "^2.2.3",
+    "eslint": "^10.4.1",
+    "nuxt": "^4.4.8",
+    "vue": "^3.5.35",
+    "vue-router": "^5.1.0"
   },
   "devDependencies": {
     "@nuxtjs/tailwindcss": "^6.14.0",
-    "@types/node": "^24.3.1",
-    "@vitest/coverage-v8": "^3.2.4",
-    "@vue/test-utils": "^2.4.6",
-    "happy-dom": "^18.0.1",
-    "jsdom": "^26.1.0",
-    "typescript": "^5.4.5",
-    "vitest": "^3.2.4"
+    "@types/node": "^25.9.2",
+    "@vitest/coverage-v8": "^4.1.8",
+    "@vue/test-utils": "^2.4.11",
+    "happy-dom": "^20.10.2",
+    "jsdom": "^29.1.1",
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.8"
   },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"
-    }
-}
+  }
+}

package/tests/pages.spec.ts

@@ -2,10 +2,12 @@ import { describe, it, expect, beforeEach, vi } from 'vitest'
 import { createRouter, createWebHistory } from 'vue-router'
 import { mount } from '@vue/test-utils'
 import { defineComponent, h, ref, computed } from 'vue'
+import { useMainButton, useInitData, useThemeParams } from '~/composables/telegram'
+import { toHex } from '~/utils/color'
 
 // Mock global process
 Object.defineProperty(globalThis, 'process', {
-  value: { client: true }
+  value: { client: true, env: { NODE_ENV: 'test' } }
 })
 
 // Mock Nuxt composables
@@ -21,8 +23,8 @@ vi.mock('#app', () => ({
   })
 }))
 
-vi.mock('vue-router', () => {
-  const actual = vi.importActual('vue-router')
+vi.mock('vue-router', async () => {
+  const actual = await vi.importActual<typeof import('vue-router')>('vue-router')
   return {
     ...actual,
     useRouter: () => ({
@@ -366,23 +368,21 @@ describe('Page Components', () => {
     it('should initialize Telegram composables correctly', () => {
       const TestPage = defineComponent({
         setup() {
-          const { useMainButton, useInitData, useThemeParams } = require('~/composables/telegram')
-          
           const main = useMainButton()
           const init = useInitData()
           const theme = useThemeParams()
           
           return {
-            mainButtonText: main.text,
+            mainButtonText: main.text.value,
             userName: init.user.value?.first_name,
-            bgColor: theme.backgroundColor
+            bgColor: theme.backgroundColor.value
           }
         },
         template: `
           <div>
-            <p>Button: {{ mainButtonText.value }}</p>
+            <p>Button: {{ mainButtonText }}</p>
             <p>User: {{ userName }}</p>
-            <p>BG: {{ bgColor.value }}</p>
+            <p>BG: {{ bgColor }}</p>
           </div>
         `
       })
@@ -399,9 +399,6 @@ describe('Page Components', () => {
     it('should use theme colors correctly', () => {
       const TestPage = defineComponent({
         setup() {
-          const { useThemeParams } = require('~/composables/telegram')
-          const { toHex } = require('~/utils/color')
-          
           const theme = useThemeParams()
           
           return {

package/tests/telegram.spec.ts

@@ -97,7 +97,7 @@ describe('telegram composables', () => {
 
     // Test that text changes work
     main.setParams({ text: 'Updated' })
-    expect(main.text.value).toBe('Submit')
+    expect(main.text.value).toBe('Updated')
 
     main.unmount()
     expect(main.mounted.value).toBe(false)