Installation

How to install and set up Honeycomb in your project.

Install the package

Install @hiveio/honeycomb-vue via your preferred package manager:

npm install @hiveio/honeycomb-vue

Wrap your app with HiveProvider

Wrap your app with HiveProvider:

App.vue

<template>
  <HiveProvider>
    <router-view />
  </HiveProvider>
</template>

<script setup lang="ts">
import { HiveProvider } from "@hiveio/honeycomb-vue";
</script>

Use in your components

components/MyComponent.vue

<template>
  <div>
    <p v-if="isLoading">Connecting...</p>
    <p v-else-if="error">Error: {{ error }}</p>
    <p v-else>Connected!</p>
  </div>
</template>

<script setup lang="ts">
import { useHive } from "@hiveio/honeycomb-vue";

const { chain, isLoading, error } = useHive();
</script>

API Nodes

By default, HiveProvider connects to public Hive API nodes with automatic fallback. You can customize the endpoint list — see HiveProvider and API Tracker for details.

Production

Public nodes may have rate limits. For production apps, consider running your own node or using a dedicated RPC provider.

What's Next?

Now that you have Honeycomb set up, you can start adding components:

Browse Components HiveProvider docs