`<hyper-link>` is a tiny Vuejs component which aims to simplify the use of `<router-link>` by providing a universal hypertext link helper. Developers don't need to worry about choosing either `<a>` or `<router-link>` anymore.
npm install @muxumuxu/hyper-link or
Click this button to have a project example using hyper-link:
Download the package:
``shell`
npm install @muxumuxu/hyper-link
Import the component inside the main.js file:
`js
import HyperLink from '@muxumuxu/hyper-link'
Vue.component('hyper-link', HyperLink)
`
Create a dedicated plugin in your app (~/plugins/hyper-link.js):
`js
import Vue from "vue";
import HyperLink from "@muxumuxu/hyper-link";
Vue.component("hyper-link", HyperLink);
`
Import the plugin in nuxt.config.js by adding hyper-link to the plugins list:
`js`
module.exports = {
plugins: [{ src: '~/plugins/hyper-link', ssr: false }]
}
As the component has been globally registered, you don't need to import it on every component file. Just use the tag as you would normally do:
`html`
Renders to:
`html`
Vue.js
> :eyes: As you can see, the output of the tag is either a tag or a tag, depending on the type of provided href value (absolute, relative...).
|Name|Type |Required|Default|
|-|-|-|-|
|href|String|Yes|-|target
||String|No|_self|rel
||String|No|-|
> :point_up: target and rel attributes are automatically set respectively to _blank and noopener in case of external links. It can be overriden by setting the chosen value.
You are welcome to contribute to hyper-link to find bugs or to submit new features. Please follow these steps:
`sh`
git clone https://github.com/muxumuxu/hyper-link.git
`sh`
npm install
npm run serve
Visit http://localhost:8080.
You can submit a pull-request here. Provide enough information so the reviewing process will be easier.
1. Increment the version of the package in the package.json file.npm run build-bundle
2. Build the bundle: .npm publish --access public`.
3. Publish the package:
We help startups and established companies to invent, build, and launch their next product or venture.