diff --git a/src/lib/components/FolderSettingsModal.svelte b/src/lib/components/FolderSettingsModal.svelte
index 98f047188..4a068eb91 100644
--- a/src/lib/components/FolderSettingsModal.svelte
+++ b/src/lib/components/FolderSettingsModal.svelte
@@ -47,9 +47,9 @@
let accessible = $state(true);
let checkingAccessibility = $state(false);
- // Network filesystem options (derived to support i18n reactivity)
- const networkFsOptions = $derived([
- { value: '', label: $t('library.networkFs.auto') },
+ // Network filesystem options - static values, labels use $t() in template for reactivity
+ const networkFsOptions = [
+ { value: '', labelKey: 'library.networkFs.auto' },
{ value: 'cifs', label: 'SMB/CIFS (Samba)' },
{ value: 'nfs', label: 'NFS' },
{ value: 'sshfs', label: 'SSHFS' },
@@ -57,8 +57,8 @@
{ value: 'webdav', label: 'WebDAV' },
{ value: 'glusterfs', label: 'GlusterFS' },
{ value: 'ceph', label: 'CephFS' },
- { value: 'other', label: $t('library.networkFs.other') }
- ]);
+ { value: 'other', labelKey: 'library.networkFs.other' }
+ ];
// Reset form when modal opens
$effect(() => {
@@ -340,7 +340,7 @@
disabled={loading}
>
{#each networkFsOptions as option}
-
+
{/each}
{$t('library.networkFsTypeHint')}