Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
| }" | ||
| /> | ||
| <Tag v-bind="{ minWidth: 'inherit' }" :class="['uppercase', { '!bg-blue-400 text-white': status === CONNECTOR_STATUS.READY }]"> | ||
| <Tag v-bind="{ minWidth: 'inherit' }" :class="['uppercase', { '!bg-blue-400 text-white': status.value === CONNECTOR_STATUS.READY }]"> |
There was a problem hiding this comment.
Vue template incorrectly accesses .value on auto-unwrapped ref
Medium Severity
In Vue 3 <script setup> templates, refs are automatically unwrapped. status comes from useWeb3Auth() (line 22) and is a ref, so in the template it's already the raw string value. Accessing status.value tries to read .value on the unwrapped string, yielding undefined. This means the condition status.value === CONNECTOR_STATUS.READY is always false, and the blue highlight styling is never applied. The original status === CONNECTOR_STATUS.READY was correct.
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes and found 1 potential issue.
There are 2 total unresolved issues (including 1 from previous review).
Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.
| import { useEffect, useMemo, useState } from "react"; | ||
|
|
||
| import { useChain } from "../../hooks"; | ||
| import { useChain } from "../../hooks/useChain"; |
There was a problem hiding this comment.
This is to eliminate the circular import.
1 participant
Motivation and Context
Jira Link: https://consensyssoftware.atlassian.net/browse/EMBED-143?atlOrigin=eyJpIjoiYzYxN2I1NDE1OTQ4NDY0NjhlOGUzMzA4YTc0ZjUzMDMiLCJwIjoiaiJ9
Description
@web3auth/no-modaland exposeuseX402Fetchfrom both theno-modalandmodalReact/Vue entry points.402responses that return payment requirements in the response body.x402-test-server, a wagmi React example, and Vue demo updates for Base Sepolia and Solana network switching.Changes
packages/no-modal/src/base/x402, including helpers to build EVM/Solana payment-aware fetch clients.useX402Fetchhooks for React and Vue in@web3auth/no-modal, then re-export the hook and related types through@web3auth/modal.402responses into thePAYMENT-REQUIREDheader so the underlying@x402/fetchclient can handle servers that return payment requirements in the JSON body.demo/x402-test-server, an Express app with free and paid endpoints like/weather,/premium-data, and/weather-plainfor testing x402 flows against EVM and Solana networks.demo/wagmi-react-appto include anX402demo component, Base Sepolia chain config, and an env var for the x402 test content URL.demo/vue-app-newto expose x402 actions in the dashboard, add Base Sepolia and Solana network switching helpers, and include the required config, translation, and env updates.Test Plan
demo/x402-test-serverwith valid EVM and Solana recipient addresses.useX402Fetchsucceeds fromdemo/wagmi-react-appon Base Sepolia.useX402Fetchsucceeds fromdemo/vue-app-newfor both EVM and Solana wallets./weather-plainreturns a body-based402response that is still handled correctly by the client shim.@web3auth/no-modaland@web3auth/modal.Recordings (if appropriate):
React Hook
Screen.Recording.2026-03-20.at.7.52.48.PM.mov
Vue Composable
Screen.Recording.2026-03-20.at.7.51.42.PM.mov
Types of changes
Checklist:
AI Reviews
x402_auth_2.md
x402_auth_1.md
Note
Medium Risk
Adds a new payment-enabled fetch flow (
useX402Fetch) plus chain/network switching logic and upgrades several core web3 dependencies, which could impact wallet/chain interactions in the demo apps.Overview
Adds an x402 payment protocol demo to
demo/vue-app-new, wiringuseX402Fetchinto the dashboard to fetch paid content viaVITE_APP_X402_TEST_CONTENT_URL, with a one-click switch helper to Base Sepolia.Improves chain handling in the Vue demo by adding explicit Solana devnet/mainnet switching, expanding supported EVM chains to include Base Sepolia (
0x14a34), and defaulting the form store to include all configured EVM+Solana chains.Housekeeping: ignores
.npmrc, updates.env.samplefiles (Vue + wagmi React demo), fixes a reactivestatusbinding in settings, and bumps/refreshes the demo’s dependency set and lockfile (notably@solana/kit,@toruslabs/*, and related transitive deps).Written by Cursor Bugbot for commit 4d6c86d. This will update automatically on new commits. Configure here.