Usage Guide

This guide explains how to use the Onelink builder interface.

The Builder Interface

The application homepage (pages/index.vue) handles the creation of the profile.

1. Profile Information

Use the Profile section to add:

• Name: Display name.
• About yourself: A short bio.
• Photo URL: A direct link to an avatar or profile image.

2. Social Links

Use the Social Links section to add handles/URLs for supported platforms:

• Facebook, Twitter, Instagram, Github, Telegram, Linkedin, Email, Youtube, Whatsapp.

3. External Links

The Links section allows for custom links:

• Icon Key: Uses Iconify names (e.g., ph:globe-duotone). See icones.js.org.
• Label: Text to display.
• URL: Destination link.

Note: You can reorder these links by dragging the handle icon on the left.

Generating a Link

1. Click the Publish button at the bottom of the form.
2. The application calculates the Base64 string from your data.
3. A URL formatted as host/1?data=... is copied to your clipboard.

Demo Data

To see what a full profile looks like, click the Add demo data button. This populates the form with sample data defined in pages/index.vue.