Vueth

Custom Hooks

The utilities here are designed to they can be easily extended. If, for example, you wanted to add functionality to a token object thats returned by useToken. You could make a new hook in your project, and simply use useToken inside it, taking what you need. To make a custom useMyToken hook for example.

// hooks/useMyToken.js
import { useToken } from "../lib/main";

export function useMyToken() {
    const MY_TOKEN_ADDRESS = "0x21be370d5312f44cb42ce377bc9b8a0cef1a4c83"
    const token = useToken(MY_TOKEN_ADDRESS);

    return {
        ...token // return all the existing functionality
        burn() {
            // TODO: Burn Token
        }
    }
}

<script setup>
import { useMyToken } from './hooks/useMyToken';
const myToken = useMyToken();
</script>

<template>
    <p>Name: {{ myToken.name }}</p>
    <button @click="myToken.burn()">Burn</button>
</template>