estel/playtool-demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor with new styling convention

Browse Source
This commit is contained in:
Nicola Spadari
2025-01-02 21:58:06 +01:00
parent dfb48cf7ee
commit c1752c0701
19 changed files with 108 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
app/pages/store.vue
View File

@@ -4,23 +4,23 @@
description="Persistent key-value store. Allows you to handle state to a file which can be saved and loaded on demand including between app restarts."
>
<form @submit.prevent="setStoreValue()">
<div mx-auto max-w-xl lg="mr-0 max-w-lg">
<div grid grid-cols-1 gap-x-8 gap-y-6>
<div class="mx-auto max-w-xl" lg="mr-0 max-w-lg">
<div class="grid grid-cols-1 gap-x-8 gap-y-6">
<div>
<label for="store-value" block text-sm text-white font-semibold leading-6>Store value</label>
<div mt="2.5">
<input id="store-value" v-model="input" type="text" name="store-value" block w-full border-0 rounded-md bg="white/5" px="3.5" py-2 text-white shadow-sm ring-1 ring="white/10" ring-inset sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset">
<label for="store-value" class="block text-sm text-white font-semibold leading-6">Store value</label>
<div class="mt-2.5">
<input id="store-value" v-model="input" type="text" name="store-value" class="block w-full border-0 rounded-md bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-white/10 ring-inset" sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset">
</div>
</div>
<div flex justify-end>
<div class="flex justify-end">
<Btn type="submit">
Send command
</Btn>
</div>
<div mt-8>
<label for="store-data" block text-sm text-white font-semibold leading-6>Current Store data</label>
<div mt="2.5">
<textarea id="store-data" v-model="result" name="store-data" rows="10" block w-full border-0 rounded-md bg="white/5" px="3.5" py-2 text-white shadow-sm ring-1 ring="white/10" ring-inset sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset" />
<div class="mt-8">
<label for="store-data" class="block text-sm text-white font-semibold leading-6">Current Store data</label>
<div class="mt-2.5">
<textarea id="store-data" v-model="result" name="store-data" rows="10" class="block w-full border-0 rounded-md bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-white/10 ring-inset" sm="text-sm leading-6" focus="ring-2 ring-emerald-500 ring-inset" />
</div>
</div>
</div>
@@ -34,13 +34,13 @@
const result = ref("");
const autosave = ref(false);
const store = await useTauriStoreCreateStore("store.bin", {
autosave: autosave.value
const store = await useTauriStoreLoad("store.bin", {
autoSave: autosave.value
});
const getStoreValue = async () => {
try {
result.value = await store.get<string>("myData");
result.value = await store.get<string>("myData") || "";
} catch (error) {
result.value = JSON.stringify(error, null, 4);
}
@@ -51,7 +51,6 @@
const setStoreValue = async () => {
try {
await store.set("myData", input.value);
await getStoreValue();
} catch (error) {
result.value = JSON.stringify(error, null, 4);