@tendermint/vue

A library of Vue.js components for Cosmos SDK apps
10,102 85
Install
npm install @tendermint/vue
Latest Version:0.1.12
Vue:2
Last Updated:Apr 8, 2026
Links: GitHub  ·  npm
Maintainer: jaekwon

Library of Vue components for Starport

Install

npm add @tendermint/vue

First, import a cosmos Vuex module:

// src/store/index.js
import cosmos from "@tendermint/vue/src/store/cosmos.js";

export default new Vuex.Store({
  modules: { cosmos },
});

Then, dispatch a cosmos/init Vuex action:

// src/App.vue
export default {
  created() {
    this.$store.dispatch("cosmos/init");
  },
};

Finally, import components:

// src/views/Index.vue
import * as sp from "@tendermint/vue";

export default {
  components: { ...sp },
};

Configure

Environment variable Default value
VUE_APP_ADDRESS_PREFIX cosmos
VUE_APP_API_COSMOS "http://localhost:1317"
VUE_APP_API_TENDERMINT "http://localhost:26657"
VUE_APP_API_WS "ws://localhost:26657/websocket"

Variable values can be changed in the .env file.

Related Packages

@tendermint/ui

Tendermint UI contains components for front end projects.

6,649 18

Version History

Version Released Vue License
0.1.12 ^2.6.11
0.1.11 ^2.6.11
0.1.10 ^2.6.11
0.1.9 ^2.6.11
0.1.8 ^2.6.11