|
1 | 1 | # Introduction |
2 | | -This example demonstrates the usage of Vue composables provided by [@interchain-kit/vue](https://github.com/cosmology-tech/interchain-kit/tree/main/packages/vue) and generated by [telescope](https://github.com/cosmology-tech/telescope). |
3 | | -## Directory Structure |
4 | | -``` |
5 | | -├── src/ |
6 | | -│ ├── codegen # containing vue composables generated by `telescope` |
7 | | -│ ├── components/ |
8 | | -│ │ ├── asset-list/ |
9 | | -│ │ ├── authz/ |
10 | | -│ │ ├── provide-liquidity/ |
11 | | -│ │ ├── stake-tokens/ |
12 | | -│ │ └── voting/ |
13 | | -│ ├── composables/ |
14 | | -│ │ ├── asset-list/ |
15 | | -│ │ ├── authz/ |
16 | | -│ │ ├── common/ |
17 | | -│ │ ├── injective/ |
18 | | -│ │ ├── provide-liquidity/ |
19 | | -│ │ ├── stake-tokens/ |
20 | | -│ │ └── voting/ |
21 | | -│ ├── utils/ |
22 | | -│ │ ├── asset-list/ |
23 | | -│ │ ├── authz/ |
24 | | -│ │ ├── provide-liquidity/ |
25 | | -│ │ ├── stake-tokens/ |
26 | | -│ │ └── voting/ |
27 | | -│ ├── views/ |
28 | | -│ │ ├── asset-list.vue |
29 | | -│ │ ├── authz.vue |
30 | | -│ │ ├── index.vue |
31 | | -│ │ └── voting.vue |
32 | | -│ ├── router.ts |
33 | | -│ ├── utils/ |
34 | | -│ ├── App.vue |
35 | | -│ └── main.ts |
| 2 | + |
| 3 | +This example demonstrates the usage of Vue composables provided by [@interchain-kit/vue](https://github.com/cosmology-tech/interchain-kit/tree/main/packages/vue) and [injective-vue](https://github.com/cosmology-tech/interchainjs/tree/main/libs/injective-vue). |
| 4 | + |
| 5 | +## Getting Started |
| 6 | + |
| 7 | +First, install the packages and run the development server: |
| 8 | + |
| 9 | +```bash |
| 10 | +yarn && yarn dev |
36 | 11 | ``` |
37 | | -## Pages |
| 12 | + |
| 13 | +Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. |
| 14 | + |
| 15 | +You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file. |
38 | 16 |
|
39 | 17 | ### Asset List |
40 | | -- **Completion Status:** ✅ Completed |
41 | | -- **Functionalities:** |
42 | | - - Wallet connect |
43 | | - - Assets display |
44 | | - - IBC transfer |
| 18 | + |
| 19 | +- **Completion Status:** ✅ Completed |
| 20 | + |
| 21 | +- **Functionalities:** |
| 22 | + - Wallet connect |
| 23 | + - Assets display |
| 24 | + - IBC transfer |
| 25 | + |
45 | 26 | - **Telescope generated `Vue Composables` Used:** |
| 27 | + |
46 | 28 | ```ts |
47 | 29 | cosmos.bank.v1beta1.useBalance |
48 | 30 | cosmos.bank.v1beta1.useAllBalances |
49 | 31 | cosmos.staking.v1beta1.useDelegatorDelegations |
50 | 32 | osmosis.gamm.v1beta1.usePools |
51 | 33 | ``` |
| 34 | + |
52 | 35 | - **`msgType`s are signAndBroadcasted:** |
| 36 | + |
53 | 37 | ```ts |
54 | 38 | /ibc.applications.transfer.v1.MsgTransfer |
55 | 39 | ``` |
56 | 40 |
|
57 | 41 | ### Auth |
58 | | -- **Completion Status:** ✅ Completed |
59 | | -- **Functionalities:** |
| 42 | + |
| 43 | +- **Completion Status:** ✅ Completed |
| 44 | + |
| 45 | +- **Functionalities:** |
60 | 46 | - Vote permission granting and revoking |
61 | 47 | - Send permission granting and revoking |
62 | 48 | - Delegate permission granting and revoking |
63 | 49 | - Claim rewards granting and revoking |
| 50 | + |
64 | 51 | - **Telescope generated `Vue Composables` Used:** |
| 52 | + |
65 | 53 | ```ts |
66 | 54 | cosmos.authz.v1beta1.useGranterGrants |
67 | 55 | cosmos.authz.v1beta1.useGranteeGrants |
68 | 56 | cosmos.staking.v1beta1.useValidators |
69 | 57 | ``` |
| 58 | + |
70 | 59 | - **`msgType`s are signAndBroadcasted:** |
| 60 | + |
71 | 61 | ```ts |
72 | 62 | /cosmos.authz.v1beta1.MsgRevoke |
73 | 63 | /cosmos.authz.v1beta1.MsgGrant |
74 | 64 | ``` |
75 | 65 |
|
76 | 66 | ### Voting |
77 | | -- **Completion Status:** ✅ Completed |
78 | | -- **Functionalities:** |
| 67 | + |
| 68 | +- **Completion Status:** ✅ Completed |
| 69 | + |
| 70 | +- **Functionalities:** |
79 | 71 | - Proposals display |
80 | 72 | - Proposal voting |
| 73 | + |
81 | 74 | - **Telescope generated `Vue Composables` Used:** |
| 75 | + |
82 | 76 | ```ts |
83 | 77 | cosmos.gov.v1.useProposals |
84 | 78 | cosmos.gov.v1.useParams |
85 | 79 | cosmos.gov.v1.useProposals |
86 | 80 | cosmos.staking.v1beta1.usePools |
87 | 81 | ``` |
| 82 | + |
88 | 83 | - **`msgType`s are signAndBroadcasted:** |
| 84 | + |
89 | 85 | ```ts |
90 | 86 | /cosmos.gov.v1.MsgVote |
91 | 87 | ``` |
92 | 88 |
|
93 | 89 | ### Injective |
94 | | -- **Completion Status:** ✅ Completed |
95 | | -- **Functionalities:** |
| 90 | + |
| 91 | +- **Completion Status:** ✅ Completed |
| 92 | + |
| 93 | +- **Functionalities:** |
96 | 94 | - inj balance display |
97 | 95 | - inj tokens transfer |
| 96 | + |
98 | 97 | - **Telescope generated `Vue Composables` Used:** |
| 98 | + |
99 | 99 | ```ts |
100 | 100 | cosmos.bank.v1beta1.useBalance |
101 | 101 | ``` |
| 102 | + |
102 | 103 | - **`msgType`s are signAndBroadcasted:** |
| 104 | + |
103 | 105 | ```ts |
104 | 106 | /cosmos.bank.v1beta1.MsgSend |
105 | 107 | ``` |
106 | | -### Stake tokens |
107 | | -- **Completion Status:** ⏳ In Progress... 50% done. |
108 | | -- **Functionalities:** |
109 | | - - all validators display |
110 | | - - validators display for a specified address |
111 | | - - claimable rewards display |
112 | | - - staked tokens display for a specified chain |
113 | | - - claim rewards |
114 | | - - manage validators |
| 108 | + |
115 | 109 | - **Telescope generated `Vue Composables` Used:** |
| 110 | + |
116 | 111 | ```ts |
117 | 112 | cosmos.mint.v1beta.useAnnualProvisions |
118 | 113 | cosmos.distribution.v1beta1.useParams |
119 | 114 | cosmos.distribution.v1beta1.useDelegationTotalRewards |
120 | 115 | codegen.cosmos.staking.v1beta1.useDelegatorValidators |
121 | 116 | cosmos.staking.v1beta1.useParams |
122 | 117 | ``` |
123 | | -- **`msgType`s are signAndBroadcasted:** |
124 | | -```ts |
125 | | -``` |
126 | | - |
127 | | -### Provide Liquidity |
128 | | -- **Completion Status:** ⏳ In Progress... |
129 | | - |
130 | | -### Swap tokens |
131 | | -- **Completion Status:** ⏳ In Progress... |
132 | | - |
133 | | -### NFT |
134 | | -- **Completion Status:** ⏳ In Progress... |
135 | | - |
136 | | -### Rollkit |
137 | | -- **Completion Status:** ⏳ In Progress... |
138 | | - |
139 | | -### Grpc Web & Grpc Gateway |
140 | | -- **Completion Status:** ⏳ In Progress... |
0 commit comments