{"id":26343605,"url":"https://github.com/ethaccount/vue-dapp","last_synced_at":"2025-05-13T12:53:57.356Z","repository":{"id":37035254,"uuid":"398302963","full_name":"ethaccount/vue-dapp","owner":"ethaccount","description":"A Vue.js library for connecting EOA wallets.","archived":false,"fork":false,"pushed_at":"2025-02-21T02:17:05.000Z","size":4002,"stargazers_count":204,"open_issues_count":3,"forks_count":55,"subscribers_count":8,"default_branch":"main","last_synced_at":"2025-04-28T18:03:02.671Z","etag":null,"topics":["dapp","ethereum","nuxt","nuxt3","typescript","vite","vue","vue3","vuejs"],"latest_commit_sha":null,"homepage":"https://vue-dapp.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ethaccount.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"custom":["https://explorer.gitcoin.co/#/round/42161/27/19"]}},"created_at":"2021-08-20T14:27:48.000Z","updated_at":"2025-04-26T16:41:58.000Z","dependencies_parsed_at":"2023-10-24T04:38:39.330Z","dependency_job_id":"7a5e1789-b75d-4cbe-be36-0d77a58634ce","html_url":"https://github.com/ethaccount/vue-dapp","commit_stats":null,"previous_names":["chnejohnson/vue-dapp","ethaccount/vue-dapp"],"tags_count":70,"template":false,"template_full_name":"Tahul/vue-composable-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ethaccount%2Fvue-dapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ethaccount%2Fvue-dapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ethaccount%2Fvue-dapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ethaccount%2Fvue-dapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ethaccount","download_url":"https://codeload.github.com/ethaccount/vue-dapp/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253282870,"owners_count":21883526,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dapp","ethereum","nuxt","nuxt3","typescript","vite","vue","vue3","vuejs"],"created_at":"2025-03-16T05:02:25.415Z","updated_at":"2025-05-13T12:53:57.347Z","avatar_url":"https://github.com/ethaccount.png","language":"TypeScript","funding_links":["https://explorer.gitcoin.co/#/round/42161/27/19"],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n\t\u003ca href=\"https://vue-dapp.vercel.app/\"\u003e\n\t\t\u003cimg src=\"https://github.com/vu3th/vue-dapp/blob/main/app/public/logo.png\" alt=\"Vue Dapp Logo\" style=\"max-width:100%;\" width=\"400\"\u003e\n\t\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch2 align=\"center\"\u003e\n\tVue Dapp\n\u003c/h2\u003e\n\n\u003cp align=\"center\"\u003e\n\tEmpower dapp developers with Vue integration for crypto wallets\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\t\u003c!-- license --\u003e\n\t\u003ca href=\"https://github.com/vu3th/vue-dapp/blob/main/LICENSE\"\u003e\n\t\t\u003cimg src=\"https://img.shields.io/badge/license-MIT-blue.svg\" alt=\"MIT License\"/\u003e\n\t\u003c/a\u003e\n\t\u003c!-- telegram --\u003e\n\t\u003ca href=\"https://t.me/+pLwZxOdgdBg3ZTRl\"\u003e\n\t\t\u003cimg src=\"https://img.shields.io/badge/vue--dapp-blue?style=flat\u0026logo=telegram\u0026label=Telegram\" alt=\"Telegram\" /\u003e\n\t\u003c/a\u003e\n\t\u003c!-- website --\u003e\n\t\u003ca href=\"https://vue-dapp.vercel.app/\"\u003e\n\t\t\u003cimg src=\"https://img.shields.io/website?up_color=blue\u0026up_message=vue-dapp\u0026url=https://vue-dapp.vercel.app/\" alt=\"Website\" /\u003e\n\t\u003c/a\u003e\n\u003c/p\u003e\n\n\n\n \n## Packages 📦\n\n\n| Name                    | Description                     | Version                                                                                                                                        |\n| ----------------------- | ------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |\n| @vue-dapp/core          | useVueDapp \u0026 VueDappProvider    | \u003ca href=\"https://www.npmjs.com/package/@vue-dapp/core\"\u003e\u003cimg src=\"https://badgen.net/npm/v/@vue-dapp/core\" alt=\"Version\"\u003e\u003c/a\u003e                   |\n| @vue-dapp/nuxt          | Vue Dapp Nuxt module            | \u003ca href=\"https://www.npmjs.com/package/@vue-dapp/nuxt\"\u003e\u003cimg src=\"https://badgen.net/npm/v/@vue-dapp/nuxt\" alt=\"Version\"\u003e\u003c/a\u003e                   |\n| @vue-dapp/modal         | VueDappModal for a wallet modal | \u003ca href=\"https://www.npmjs.com/package/@vue-dapp/modal\"\u003e\u003cimg src=\"https://badgen.net/npm/v/@vue-dapp/modal\" alt=\"Version\"\u003e\u003c/a\u003e                 |\n| @vue-dapp/walletconnect | WalletConnect integration       | \u003ca href=\"https://www.npmjs.com/package/@vue-dapp/walletconnect\"\u003e\u003cimg src=\"https://badgen.net/npm/v/@vue-dapp/walletconnect\" alt=\"Version\"\u003e\u003c/a\u003e |\n| @vue-dapp/coinbase      | Coinbase Wallet integration     | \u003ca href=\"https://www.npmjs.com/package/@vue-dapp/coinbase\"\u003e\u003cimg src=\"https://badgen.net/npm/v/@vue-dapp/coinbase\" alt=\"Version\"\u003e\u003c/a\u003e           |\n\n## Overview\n\n\u003cimg src=\"https://github.com/vu3th/vue-dapp/blob/main/app/public/images/overview.png\" alt=\"Vue Dapp Overview\" style=\"max-width:100%;\" width=\"800\"\u003e\n\n## Installation\n\n```bash\nnpm install pinia @vue-dapp/core @vue-dapp/modal\n```\n\n```ts [main.ts]\nimport { createPinia } from 'pinia'\napp.use(createPinia())\n```\n\n### Nuxt\n\n```bash\nnpm install pinia @pinia/nuxt @vue-dapp/core @vue-dapp/nuxt @vue-dapp/modal\n```\n\n```ts\nmodules: ['@pinia/nuxt', '@vue-dapp/nuxt']\n```\n\n## Getting Started\n\n```vue\n\u003cscript lang=\"ts\" setup\u003e\nimport { BrowserWalletConnector, useVueDapp } from '@vue-dapp/core'\nimport { VueDappModal, useVueDappModal } from '@vue-dapp/modal'\nimport '@vue-dapp/modal/dist/style.css'\n\nconst { addConnectors, isConnected, wallet, disconnect } = useVueDapp()\n\naddConnectors([new BrowserWalletConnector()])\n\nfunction onClickConnectButton() {\n\tif (isConnected.value) disconnect()\n\telse useVueDappModal().open()\n}\n\u003c/script\u003e\n\n\u003ctemplate\u003e\n\t\u003cbutton @click=\"onClickConnectButton\"\u003e{{ isConnected ? 'Disconnect' : 'Connect' }}\u003c/button\u003e\n\n\t\u003cdiv\u003estatus: {{ wallet.status }}\u003c/div\u003e\n\t\u003cdiv\u003eisConnected: {{ isConnected }}\u003c/div\u003e\n\t\u003cdiv\u003eerror: {{ wallet.error }}\u003c/div\u003e\n\n\t\u003cdiv v-if=\"isConnected\"\u003e\n\t\t\u003cdiv\u003echainId: {{ wallet.chainId }}\u003c/div\u003e\n\t\t\u003cdiv\u003eaddress: {{ wallet.address }}\u003c/div\u003e\n\t\u003c/div\u003e\n\n\t\u003cVueDappModal dark auto-connect /\u003e\n\u003c/template\u003e\n```\n\n## Examples\n\n- [vue-dapp-starter](https://github.com/vu3th/vue-dapp-starter) \n- [nuxt-dapp](https://github.com/vu3th/nuxt-dapp)\n\n## Development\n\n```bash\npnpm install\npnpm build\npnpm -F core watch\npnpm -F modal watch\npnpm dev\npnpm build\npnpm build:app\n```\n\n\n## Support 🙏\n\n- 0x9D75F4EbcB8e7669E59dcc27CBadC698E0F77187\n- [Donation history](https://vuedapp.xyz/donations)\n\n## Credits\n\n- Vue Dapp Logo by @ramuta https://github.com/vu3th/vue-dapp/issues/24\n- Favicon.io - Emoji Favicons \u003e Sheaf Of Rice https://favicon.io/emoji-favicons/sheaf-of-rice\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fethaccount%2Fvue-dapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fethaccount%2Fvue-dapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fethaccount%2Fvue-dapp/lists"}