Link
Version: 0.1.89
Created: 01/31/2025
Updated: 07/15/2025
A flexible link component that can act as a router-link for internal navigation or an href for external URLs. Can be used on its own or inside a Navigator.

Installation guide for external usage

Note: Components is also available in Vue Play Studio via drag-and-drop.

Install using npm

npm install https://manager.vueplay.io/link@latest

Install using npm from Vue Play registry

Token required for private and paid components

# .npmrc
@vueplayio:registry=https://manager.vueplay.io/
//manager.vueplay.io/:_authToken=token

then

npm install @vueplayio/link

Clone using git

(Login to see access token)

git -c http.extraHeader="authorization-x: Bearer token" clone https://git.vueplay.io/git/354c84be-f190-4161-bb92-bc49c56023ce

Embed using CDN

<!doctype html>
<html>
 <head>
   <script type="importmap">
     {
       "imports": {
         "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.prod.js"
       }
     }
   </script>
   <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
   <script type="module">
     import { createApp } from 'vue'
     import App from 'https://manager.vueplay.io/link@0.1.89/esm'
     createApp(App).mount('#app')
   </script>
 </head>
 <body>
   <div id="app"></div>
 </body>
</html>

Share on social media