VvRouterLink Component

The VvRouterLink component generates <a> (anchor HTML tag) application elements, and comes with aesthetically flexible Vue props to globally control your instances and defaults via your application's app.vv.ts file.

VvRouterLink Defaults

Contributor:@oberocks

                    
                        <!-- ./src/components/SomeComponent.vue -->

                        <script setup lang="ts">

                            import VvRouterLink from './vv/anchors/VvRouterLink.vue'

                        </script>

                        <template>
                        
                            <nav class="flex gap-6">

                                <VvRouterLink to="/">Undeclared</VvRouterLink>

                                <VvRouterLink to="/" color="default">Default</VvRouterLink>

                                <VvRouterLink to="/" color="primary">Primary</VvRouterLink>

                                <VvRouterLink to="/" color="secondary">Secondary</VvRouterLink>

                                <VvRouterLink to="/" color="error">Error</VvRouterLink>

                                <VvRouterLink to="/" color="success">Success</VvRouterLink>

                            </nav>
                        
                        </template>

The Result: