22 lines
570 B
Svelte
22 lines
570 B
Svelte
|
<script lang="ts">
|
||
|
|
import { Icon } from "sveltestrap";
|
||
|
|
|
||
|
|
export let link: string;
|
||
|
|
|
||
|
|
let displayLink: string;
|
||
|
|
$: displayLink = prettifyLink(link);
|
||
|
|
|
||
|
|
const prettifyLink = (raw: string) => {
|
||
|
|
let out = raw;
|
||
|
|
if (raw.startsWith("https://")) out = raw.substring("https://".length);
|
||
|
|
else if (raw.startsWith("http://")) out = raw.substring("http://".length);
|
||
|
|
|
||
|
|
if (raw.endsWith("/")) out = raw.substring(0, raw.length - 1);
|
||
|
|
|
||
|
|
return out;
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<Icon name="globe" />
|
||
|
|
<a href={link} rel="me nofollow noreferrer" target="_blank">{displayLink}</a>
|