preparing storing of new contact

frontend/src/routes/contact/URL.svelte

@@ -0,0 +1,18 @@
+<script>
+    import LineEditor from '../../Components/LineEditor.svelte';
+    import { url } from '../../vcard.js';
+    import { t } from '../../translations.svelte';
+
+    let { code, patch = (from, to) => true } = $props();
+
+    let value = $derived(url(code));
+
+    function onSet(newVal){
+        const newCode = code.replace(value,newVal);
+        return patch(code,newCode);
+    }
+</script>
+
+{#if value}
+<LineEditor type="span" editable={true} {value} {onSet} title={t('url')}/>
+{/if}