feat: use indexDB instead of array filter

2023-07-30 18:25:54 +08:00
parent 70787d3a80
commit c2b1ffdd9e
16 changed files with 181 additions and 88 deletions
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -3,20 +3,18 @@ const rStore = useRecipeStore()
 </script>

 <template>
-  <div>
-    <div pt-4 text-4xl>
-      <button
-        class="cursor-pointer transition active:text-green-800 hover:(text-green-600)"
-        title="重置"
-        @click="rStore.reset"
-      >
-        <div v-if="rStore.selectedStuff.length" i-mdi-pot-steam-outline />
-        <div v-else i-mdi-pot-mix-outline />
-      </button>
-    </div>
-    <p text="sm" m="b-4">
-      好的，今天我们来做菜！
-    </p>
-    <ChooseFood />
+  <div pt-4 text-4xl>
+    <button
+      class="cursor-pointer transition active:text-green-800 hover:(text-green-600)"
+      title="重置"
+      @click="rStore.reset"
+    >
+      <div v-if="rStore.selectedStuff.length" i-mdi-pot-steam-outline />
+      <div v-else i-mdi-pot-mix-outline />
+    </button>
  </div>
+  <p text="sm" m="b-4">
+    好的，今天我们来做菜！
+  </p>
+  <ChooseFood />
 </template>