vue-app-link

Demo

➤ Install

yarn add vue-app-link

➤ Import

import { createApp } from 'vue';
import AppLink from 'vue-app-link';

const app = createApp(App);

app.component('AppLink', AppLink);
app.mount('#app');

➤ Usage

<AppLink to="/">Home</AppLink>

<AppLink
    to="/"
    :throttle="1000"
    :changed="500"
>
  Home
</AppLink>

➤ Settings

Option	Type	Default	Description
to	[String, Object]	—	Specifies the path to follow when a link is clicked.
throttle	Number	—	Sets the duration of the presence of the .link-throttled html class on a clicked link. This class can be used in conjunction with the pointer-events CSS property to prevent multiple clicks.
changed	Number	—	As this component replaces the <a href="...> hyperlink with <span> on the target page, a delay may be required to allow this change to affect the animation call.

➤ License

vue-app-link is released under MIT license