Reka Vue Component

Quickstart

Install:

npm install @rekamy/vue-component

# or use yarn

yarn add @rekamy/vue-component

Import and register plugin:

// main.ts or main.js

import { createApp } from "vue";
import App from "./App.vue";

import RekaComponent from "@rekamy/vue-component";
import '../node_modules/@rekamy/vue-component/dist/style.css';

createApp(App)
    .use(RekaComponent)
    .mount("#app");

Then, use plugin without import:

<template>
    
    <!-- Instead of <RouterView /> -->
    <RekaPage /> 
    
    <!-- Instead of <input value=""> -->
    <RekaInputText 
        v-model="inputRef" 
        :error="errorMsg"
        is-required
        /> 

</template>

<script setup lang="ts">
    import { ref } from "vue";
    const inputRef = ref();
    const errorMsg = ref();
</script>

Contribution Guide

Pack & Publish

1. Update the code.
2. Run npm run type-check and fix any issues.
3. Run npm run lint and fix any issues.
4. Update package.json version.
5. Run npm run build.
6. Run npm pack.
7. Test the package using the pack version and rebuild if necessary.
8. Commit changes to git.
9. Run npm publish.

Todo

• [x] component (no dependencies)
• [ ] component (has dependencies)