mirror of
https://github.com/vrtmrz/obsidian-livesync.git
synced 2026-05-14 19:41:16 +00:00
29 lines
1.3 KiB
Svelte
29 lines
1.3 KiB
Svelte
<script lang="ts">
|
|
import DialogHeader from "@/lib/src/UI/components/DialogHeader.svelte";
|
|
import Guidance from "@/lib/src/UI/components/Guidance.svelte";
|
|
import Decision from "@/lib/src/UI/components/Decision.svelte";
|
|
import Instruction from "@/lib/src/UI/components/Instruction.svelte";
|
|
import UserDecisions from "@/lib/src/UI/components/UserDecisions.svelte";
|
|
const TYPE_CLOSE = "close";
|
|
type ResultType = typeof TYPE_CLOSE;
|
|
type Props = {
|
|
setResult: (_result: ResultType) => void;
|
|
};
|
|
const { setResult }: Props = $props();
|
|
</script>
|
|
|
|
<DialogHeader title="Scan QR Code" />
|
|
<Guidance>Please follow the steps below to import settings from your existing device.</Guidance>
|
|
<Instruction>
|
|
<!-- <Question>How would you like to configure the connection to your server?</Question> -->
|
|
<ol>
|
|
<li>On this device, please keep this Vault open.</li>
|
|
<li>On the source device, open Obsidian.</li>
|
|
<li>On the source device, from the command palette, run the 'Show settings as a QR code' command.</li>
|
|
<li>On this device, switch to the camera app or use a QR code scanner to scan the displayed QR code.</li>
|
|
</ol>
|
|
</Instruction>
|
|
<UserDecisions>
|
|
<Decision title="Close this dialog" important={true} commit={() => setResult(TYPE_CLOSE)} />
|
|
</UserDecisions>
|