rolens/frontend/src/components/directorychooser.svelte

<script>
  import { OpenDirectory } from '$wails/go/app/App';

  export let value = '';
  export let id = '';
  export let title = 'Choose a directory';

  async function selectDir() {
    value = await OpenDirectory(title) || value;
  }
</script>

<input type="text" on:pointerdown={selectDir} readonly {id} {value} />

<style>
  input {
    cursor: pointer;
  }
</style>