From b66a8afcaaacbcc16575cacd4409bf8d93f7fd71 Mon Sep 17 00:00:00 2001 From: openhands Date: Mon, 23 Feb 2026 21:13:02 +0000 Subject: [PATCH] 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 --- docs/ARCHITECTURE.md | 3 +++ landing/AGENTS.md | 3 +++ landing/src/main.ts | 2 ++ 3 files changed, 8 insertions(+) diff --git a/docs/ARCHITECTURE.md b/docs/ARCHITECTURE.md index eea0a37..7548b4c 100644 --- a/docs/ARCHITECTURE.md +++ b/docs/ARCHITECTURE.md @@ -75,6 +75,9 @@ Sentiment calculation: `sentiment = f(averageTaxRate, percentageStaked)` ### Landing Page - 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 - Docs section: HowItWorks, Tokenomics, Staking, LiquidityManagement, AIAgent, FAQ - LiveStats component polls Ponder GraphQL every 30s diff --git a/landing/AGENTS.md b/landing/AGENTS.md index 98df3a9..e88c65e 100644 --- a/landing/AGENTS.md +++ b/landing/AGENTS.md @@ -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 Router for multi-view navigation - 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 - `HomeView.vue` - Launch countdown, feature overview, and staking CTA diff --git a/landing/src/main.ts b/landing/src/main.ts index ed43947..cf3d3ae 100644 --- a/landing/src/main.ts +++ b/landing/src/main.ts @@ -1,6 +1,8 @@ import './assets/styles/main.sass'; import { createApp } from '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 { createHarbConfig } from '@harb/web3'; import App from './App.vue';