fix: \VueQueryPlugin\ possibly dead dependency (#195)

Clarify that @tanstack/vue-query is a required peer dependency of
@wagmi/vue, not a dead import. Add a comment in main.ts explaining the
rationale, and document the dependency in ARCHITECTURE.md and
landing/AGENTS.md.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
openhands 2026-02-23 21:13:02 +00:00
parent 134287722b
commit b66a8afcaa
3 changed files with 8 additions and 0 deletions

View file

@ -75,6 +75,9 @@ Sentiment calculation: `sentiment = f(averageTaxRate, percentageStaked)`
### Landing Page ### Landing Page
- Vue 3 + Vite (`landing/`) - Vue 3 + Vite (`landing/`)
- `@wagmi/vue` for wallet connection (WalletButton, WalletCard)
- `@tanstack/vue-query` — required peer dep for `@wagmi/vue`; provides TanStack Query context for Wagmi's reactive hooks
- `@harb/web3` shared composables (`useAccount`, `useConnect`, `useDisconnect`, `useTokenBalance`)
- Three variants: HomeView (default), HomeViewOffensive (degens), HomeViewMixed - Three variants: HomeView (default), HomeViewOffensive (degens), HomeViewMixed
- Docs section: HowItWorks, Tokenomics, Staking, LiquidityManagement, AIAgent, FAQ - Docs section: HowItWorks, Tokenomics, Staking, LiquidityManagement, AIAgent, FAQ
- LiveStats component polls Ponder GraphQL every 30s - LiveStats component polls Ponder GraphQL every 30s

View file

@ -6,6 +6,9 @@ Vue 3 + Vite application that delivers the public marketing site and forthcoming
- Vue 3 (Composition API) with TypeScript and Vite toolchain - Vue 3 (Composition API) with TypeScript and Vite toolchain
- Vue Router for multi-view navigation - Vue Router for multi-view navigation
- Sass-based design system with custom typography - Sass-based design system with custom typography
- `@wagmi/vue` for wallet connection (injected, WalletConnect, Coinbase Wallet)
- `@tanstack/vue-query` — required peer dependency of `@wagmi/vue`; must be registered via `VueQueryPlugin` in `main.ts`
- `@harb/web3` shared composables for wagmi config and wallet hooks
## Key Views & Components ## Key Views & Components
- `HomeView.vue` - Launch countdown, feature overview, and staking CTA - `HomeView.vue` - Launch countdown, feature overview, and staking CTA

View file

@ -1,6 +1,8 @@
import './assets/styles/main.sass'; import './assets/styles/main.sass';
import { createApp } from 'vue'; import { createApp } from 'vue';
import { WagmiPlugin } from '@wagmi/vue'; import { WagmiPlugin } from '@wagmi/vue';
// VueQueryPlugin is required by @wagmi/vue — it provides the TanStack Query context
// that Wagmi uses internally for its reactive data hooks (useAccount, useConnect, etc.).
import { VueQueryPlugin } from '@tanstack/vue-query'; import { VueQueryPlugin } from '@tanstack/vue-query';
import { createHarbConfig } from '@harb/web3'; import { createHarbConfig } from '@harb/web3';
import App from './App.vue'; import App from './App.vue';