BaseLink

A base link component that renders as a <nuxt-link>, <router-link>, or <a> element.

status: draft

Props

Slots

• default

CSS Classes

• None

External Libraries

• None

Sub-Components

• None

Dependencies

• None

Notes

• The v-slot from <router-link> component is exposed.
• All <router-link> and <nuxt-link> props are passed down to the component.
• Component design is influenced by https://github.com/bencodezen/vue-enterprise-boilerplate/blob/main/src/components/_base-link.vue
• TODO: Remove text prop?

Tests

1. The component renders as a <nuxt-link> component if Nuxt is detected.
2. The component renders as a <router-link> component if the to, name, or params props are used.
3. The component renders as a <a> if the href prop is used.
4. The slot content correctly renders.
5. When the text prop is used, the text is added as the link text.
6. When the default slot is used, the content is added as the link text.
7. When the text prop and default slot are both used, the default slot will override the text prop.
8. The router-link current route class needs to be set to usa-current.