import Skeleton from "../Skeleton.svelte";
- /** @type {string} */
- export let href;
-
- /** @type {string} */
- export let gitProvider
+ /**
+ * @typedef {Object} Props
+ * @property {string} href
+ * @property {string} gitProvider
+ */
+
+ /** @type {Props} */
+ let { href, gitProvider } = $props();
diff --git a/assets/scripts/components/screens/PageContenu.svelte b/assets/scripts/components/screens/PageContenu.svelte
index 9988d57b..a7e6bc80 100644
--- a/assets/scripts/components/screens/PageContenu.svelte
+++ b/assets/scripts/components/screens/PageContenu.svelte
@@ -1,22 +1,27 @@
diff --git a/assets/scripts/components/screens/ResolutionDesynchronisation.svelte b/assets/scripts/components/screens/ResolutionDesynchronisation.svelte
index 56845fa5..930e813e 100644
--- a/assets/scripts/components/screens/ResolutionDesynchronisation.svelte
+++ b/assets/scripts/components/screens/ResolutionDesynchronisation.svelte
@@ -5,26 +5,30 @@
/** @typedef {import("../../store.js").ScribouilliState} ScribouilliState */
- /** @type {any} */
- export let buildStatus
-
- /** @type {boolean | undefined} */
- export let showArticles
-
- /** @type {ScribouilliState["currentRepository"]} */
- export let currentRepository
-
- /** @type {ScribouilliState["conflict"]} */
- export let conflict;
+ /**
+ * @typedef {Object} Props
+ * @property {any} buildStatus
+ * @property {boolean | undefined} showArticles
+ * @property {ScribouilliState["currentRepository"]} currentRepository
+ * @property {ScribouilliState["conflict"]} conflict
+ */
+
+ /** @type {Props} */
+ let {
+ buildStatus,
+ showArticles,
+ currentRepository,
+ conflict
+ } = $props();
/** @type {ScribouilliState["conflict"]} */
- let newConflictOptions;
- $: newConflictOptions = conflict && conflict.map(({message, resolution}) => {
+ let newConflictOptions = $derived(conflict && conflict.map(({message, resolution}) => {
return {
message,
resolution: addConflictRemovalAndRedirectToResolution(resolution)
}
- })
+ }));
+
@@ -60,7 +64,7 @@
{#each newConflictOptions as {message, resolution}}
-
-
+
{/each}
diff --git a/assets/scripts/components/screens/SelectCurrentSite.svelte b/assets/scripts/components/screens/SelectCurrentSite.svelte
index 65ebf662..6b68e670 100644
--- a/assets/scripts/components/screens/SelectCurrentSite.svelte
+++ b/assets/scripts/components/screens/SelectCurrentSite.svelte
@@ -5,15 +5,18 @@
import Skeleton from "./../Skeleton.svelte";
import Loader from "./../loaders/Loader.svelte";
- /** @type {string | Promise
| undefined} */
- export let currentAccount
+ /**
+ * @typedef {Object} Props
+ * @property {string | Promise | undefined} currentAccount
+ * @property {GithubRepository[]} currentAccountRepositories
+ */
- /** @type {GithubRepository[]} */
- export let currentAccountRepositories;
+ /** @type {Props} */
+ let { currentAccount, currentAccountRepositories } = $props();
/** @type {GithubRepository} */
- let repo
- let loading = false;
+ let repo = $state()
+ let loading = $state(false);
// @ts-ignore
const displayRepoName = repo => {
@@ -44,7 +47,7 @@
{:else}
diff --git a/assets/scripts/components/screens/Welcome.svelte b/assets/scripts/components/screens/Welcome.svelte
index e7af236c..03a02610 100644
--- a/assets/scripts/components/screens/Welcome.svelte
+++ b/assets/scripts/components/screens/Welcome.svelte
@@ -1,8 +1,17 @@
@@ -11,7 +20,7 @@
Créez votre petit site facilement !
C'est parti !
- {:else if isFetchingCurrentUserRepos }
+ {:else if isFetchingCurrentUserRepos}
Nous regardons si vous avez plusieurs sites Scribouilli…
- /** @type Promise */
- export let fileP
-
- /** @type any */
- export let buildStatus
-
- /** @type {FileContenu[]} */
- export let contenus = []
-
- /** @type {string} */
- export let editionTitle
-
- /** @type {string} */
- export let listPrefix
-
- /** @type {string} */
- export let deleteTitle
-
- /** @type {boolean} */
- export let showArticles
-
+
@@ -149,12 +149,12 @@
{:then}
-
Retour