Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-05-28 20:40:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/SectionHeading: refactor to svelte 5 style

Browse Source
This commit is contained in:
wukko 2025-05-14 22:23:33 +06:00
parent d4ca8ece00
commit 08168f5477
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
1 changed files with 21 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
web/src/components/misc/SectionHeading.svelte
View File

@ -1,26 +1,30 @@
<script lang="ts">
import { page } from "$app/stores";
import { page } from "$app/state";
import { copyURL } from "$lib/download";
import { t } from "$lib/i18n/translations";
import { hapticConfirm } from "$lib/haptics";
import CopyIcon from "$components/misc/CopyIcon.svelte";
export let title: string;
export let sectionId: string;
export let beta = false;
export let nolink = false;
export let copyData = "";
type Props = {
title: string;
sectionId: string;
beta?: boolean;
nolink?: boolean;
copyData?: string;
};
const sectionURL = `${$page.url.origin}${$page.url.pathname}#${sectionId}`;
let {
title,
sectionId,
beta = false,
nolink = false,
copyData = "",
}: Props = $props();
let copied = false;
const sectionURL = `${page.url.origin}${page.url.pathname}#${sectionId}`;
$: if (copied) {
setTimeout(() => {
copied = false;
}, 1500);
}
let copied = $state(false);
</script>
<div class="heading-container">
@ -40,11 +44,14 @@
aria-label={copied
? $t("button.copied")
: $t(`button.copy${copyData ? "" : ".section"}`)}
on:click={() => {
onclick={() => {
if (!copied) {
copyURL(copyData || sectionURL);
hapticConfirm();
copied = true;
setTimeout(() => {
copied = false;
}, 1500);
}
}}
>