1.0.4 • Published 4 months ago
baizidmdashadzzaman-developer-info v1.0.4
baizidmdashadzzaman-developer-info
A simple npm package that automatically creates a developer information page for Vue or React projects.
Features
- Vue Plugin: Automatically registers a
/developer
route with your Vue Router. - React Component: A ready-to-use component for displaying developer information.
Installation
npm install baizidmdashadzzaman-developer-info
npm link baizidmdashadzzaman-developer-info
How to use it in React JS
import { DeveloperPage } from 'baizidmdashadzzaman-developer-info';
<DeveloperPage
name="Baizid MD Ashadzzaman"
email="baizid.md.ashadzzaman@gmail.com"
github="https://github.com/Baizidmdashadzzaman"
/>
How to use it in Vue JS as Component
Using the Standalone Component,register the standalone component globally or locally in your Vue components.
import { DeveloperComponent } from 'baizidmdashadzzaman-developer-info';
app.component('DeveloperComponent', DeveloperComponent);
<DeveloperPage
name="Baizid MD Ashadzzaman"
email="baizid.md.ashadzzaman@gmail.com"
github="https://github.com/Baizidmdashadzzaman"
/>
How to use it in Vue JS as pages
import router from './router';
import { DeveloperPlugin } from 'baizidmdashadzzaman-developer-info';
app.use(DeveloperPlugin, {
router,
name: 'Baizid MD Ashadzzaman',
email: 'baizid.md.ashadzzaman@gmail.com',
github: 'https://github.com/Baizidmdashadzzaman',
routePath: '/developer'
});
Now, when you navigate to http://localhost:8080/developer (or your configured port), you'll see the developer information page.