vue-app-link
v0.0.1-alpha.2
Published
Vue 3 component for creating animation-friendly router links.
Downloads
10
Readme
➤ 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