refactor: use nuxt compatiable 4 folder

app/pages/index.vue

@@ -0,0 +1,22 @@
+<script lang="ts" setup>
+const rStore = useRecipeStore()
+</script>
+
+<template>
+  <div 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 />
+  <SimpleCopyright />
+</template>