Indogermane/Vuenits
Custom controls for Vue.
Built from scratch.
Design based on NextDNS.
- Vue 69.7%
- TypeScript 15.9%
- JavaScript 13.6%
- HTML 0.8%
| .vscode | feat: disable login/register if fields are not filled | |
| public | ||
| src | fix: type inheration | |
| .browserslistrc | ||
| .editorconfig | ||
| .eslintrc-auto-import.json | ||
| .gitignore | ||
| .npmrc.example | ||
| env.d.ts | ||
| eslint.config.js | ||
| index.html | ||
| package.json | fix: type inheration | |
| pnpm-lock.yaml | fix: type inheration | |
| pnpm-workspace.yaml | ||
| README.md | ||
| tsconfig.app.json | ||
| tsconfig.build.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.mts | fix: vite port | |
Vuenits
Custom controls for Vue.js, built from scratch.
Design based on NextDNS.
Installation
Private Registry Setup
- Set up private registry by adding the following to your
.npmrc:
@indogermane:registry=https://codeberg.org/api/packages/Indogermane/npm/
- Install the package:
# using pnpm
pnpm install @indogermane/vuenits
# using npm
npm install @indogermane/vuenits
# using yarn
yarn add @indogermane/vuenits
- Import the styles in your main entry file (e.g. main.ts):
import 'vuetify/styles'
import '@indogermane/vuenits/styles.css'
import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)
app.use(Vuetify)
app.mount('#app')
- Register and use components in your Vue application:
<template>
<VuLoginCard @login="onLogin" />
</template>
<script setup lang="ts">
import { defineComponent, ref } from 'vue'
import { VuLoginCard } from '@indogermane/vuenits'
function onLogin(userData) {
console.log('Login data:', userData)
}
</script>
Importing types (optional, for TypeScript):
import type { VuLoginCardProps, VuLoginCardUser } from '@indogermane/vuenits'
That's it! You can now use Vuenits components in your Vue.js project.