How do I set the default active class for router links in Vue 3?

How do I set the default active class for router links in Vue 3?

In Vue 3, you can set the default active class for router links using the 'active-class' prop on the <router-link> component.

Can I customize the active class name?

Yes, you can customize it by passing a string to the 'active-class' prop, like this: <router-link active-class='my-active-class'>Link</router-link>.

What happens if I don't set an active class?

If you don't set an active class, Vue Router will use the default class name 'router-link-active'.

Is there a way to apply multiple active classes?

Yes, you can pass a space-separated string to the 'active-class' prop to apply multiple classes.