Code Guidelines

Keep it clean, keep it simple.

Vue Components

<script setup>
import { ref } from 'vue'

const count = ref(0)
</script>

<template>
  <button @click="count++">{{ count }}</button>
</template>

<style scoped>
/* Component styles */
</style>

Naming

Type	Convention	Example
Components	PascalCase	WalletBalance.vue
Composables	camelCase + use	useWallet.js
CSS classes	kebab-case	wallet-balance

Styling

Use Tailwind utilities:

<div class="flex items-center gap-4 p-4 rounded-lg">

Do's and Don'ts

Do

• Keep components small
• Handle loading states
• Test on mobile

Don't

• Leave console.log
• Skip error handling
• Ignore lint errors

Back to Contributing

Submit a PR