🍲 来看看组合出的菜谱吧！
+
+
+
diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index aae787b..31e0fcc 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -12,12 +12,12 @@ import { toggleDark } from '~/composables'
-
-
+
+
-
-
+
+
diff --git a/src/main.ts b/src/main.ts
index 0584e73..74a38b4 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,7 +4,6 @@ import { setupLayouts } from 'virtual:generated-layouts'
import App from './App.vue'
import '@unocss/reset/tailwind.css'
-import './styles/main.css'
import './styles/css-vars.scss'
import './styles/index.scss'
import 'uno.css'
diff --git a/src/modules/pwa.ts b/src/modules/pwa.ts
index 319d9fd..c0c9f82 100644
--- a/src/modules/pwa.ts
+++ b/src/modules/pwa.ts
@@ -5,7 +5,7 @@ export const install: UserModule = ({ isClient, router }) => {
if (!isClient)
return
- router.isReady().then(async() => {
+ router.isReady().then(async () => {
const { registerSW } = await import('virtual:pwa-register')
registerSW({ immediate: true })
})
diff --git a/src/modules/toast.ts b/src/modules/toast.ts
new file mode 100644
index 0000000..921c276
--- /dev/null
+++ b/src/modules/toast.ts
@@ -0,0 +1,9 @@
+import Toast from 'vue-toastification'
+import type { UserModule } from '~/types'
+
+import 'vue-toastification/dist/index.css'
+
+export const install: UserModule = ({ app }) => {
+ // add google tag manager, and add GA4 in gtag
+ app.use(Toast)
+}
diff --git a/src/pages/about.md b/src/pages/about.md
index c689d4b..15edc62 100644
--- a/src/pages/about.md
+++ b/src/pages/about.md
@@ -11,7 +11,7 @@ title: 关于
> 希望大家吃的开心！
@@ -25,9 +25,6 @@ title: 关于
-- 如果您发现了任何「故障」或希望有某个「新功能」，可前往 [Issues](https://github.com/YunYouJun/cook/issues)。
-- 如果您有任何想要交流的内容，包括但不局限于建议/反馈/分享等，可前往 [Discussions](https://github.com/YunYouJun/cook/issues)。
-
## **致谢**
感谢以下小伙伴为本项目提供的数据支持和 QA ！
@@ -39,9 +36,31 @@ title: 关于
- 晴方啾
- 课代表阿伟
-## **友情提示**
+## **关于我**
-- 点击首页最上方的大锅图标，可以清空所选食材和工具。（本来想当作彩蛋，但是感觉还挺实用的。）
-- 本项目支持 PWA，使用浏览器打开时，可将其添加到主屏幕以获得近原生 APP 的体验。
+Hello，我是云游君。
+
+很高兴能在这里与你相遇，也很希望这个网站可以真的帮助到你。
+
+同时，我也以我或许不值一提的脸面保证它会以免费开源的形式维护运营下去。
+
+此外，我也会继续尝试做一些有趣或有用的东西，并分享给大家。
+你也可以在这些地方找到我。
+
+对了，给微信公众号「云游君」发送「做菜」也可以快速找到这个网址。
+
+## [**赞助者**](https://sponsors.yunyoujun.cn)
+
+也非常感谢至今以来的所有赞助者们！
+
+如果觉得我的[小项目们](https://sponsors.yunyoujun.cn/projects)还算有趣的话，要不要考虑[赞助](https://sponsors.yunyoujun.cn/)我？
+
+我会将其公开在[账簿](https://sponsors.yunyoujun.cn/account)中，并投入在周边的服务器、域名、CDN 等费用上。
+
+
+
+ 
+
+
diff --git a/src/pages/help.md b/src/pages/help.md
new file mode 100644
index 0000000..940cd00
--- /dev/null
+++ b/src/pages/help.md
@@ -0,0 +1,23 @@
+---
+title: 帮助
+---
+
+
+使用帮助
+
+
+- 故障/新功能反馈：[Issues](https://github.com/YunYouJun/cook/issues)
+- 交流/建议/分享：[Discussions](https://github.com/YunYouJun/cook/issues)
+
+## **模式说明**
+
+- 模糊匹配：展示所有含当前选中任意食材的菜谱
+- 精准匹配：展示所有含当前选中所有食材的菜谱
+- 生存模式：展示当前选中食材可制作的所有菜谱
+
+## **友情提示**
+
+- 点击首页最上方的大锅图标，可清空所选食材和工具。
+- 本项目支持 PWA，使用浏览器打开时，可将其添加到主屏幕以获得近原生 APP 的体验。
+
+
diff --git a/src/stores/recipe.ts b/src/stores/recipe.ts
index 94eaa60..3d2fa81 100644
--- a/src/stores/recipe.ts
+++ b/src/stores/recipe.ts
@@ -2,6 +2,11 @@ import { acceptHMRUpdate, defineStore } from 'pinia'
const namespace = 'cook'
+/**
+ * survival: 生存模式
+ */
+type CookMode = 'survival' | ''
+
export const useRecipeStore = defineStore('recipe', () => {
const strict = useStorage(`${namespace}:strict`, false)
@@ -13,6 +18,8 @@ export const useRecipeStore = defineStore('recipe', () => {
// const selectedTools = computed(() => Array.from(curTools.value))
// const selectedTools = ref('')
+ const mode = ref
('')
+
function toggleStuff(name: string) {
if (!curStuff)
return
diff --git a/src/styles/animation.scss b/src/styles/animation.scss
new file mode 100644
index 0000000..a3cae15
--- /dev/null
+++ b/src/styles/animation.scss
@@ -0,0 +1,38 @@
+/* we will explain what these classes do next! */
+.v-enter-active,
+.v-leave-active {
+ transition: opacity 0.3s ease;
+}
+
+.v-enter-from,
+.v-leave-to {
+ opacity: 0;
+}
+
+// scrollbar
+::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+}
+
+::-webkit-scrollbar-track {
+ border-radius: 2px;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+::-webkit-scrollbar-thumb {
+ border-radius: 2px;
+ background-color: rgba(122, 122, 122, 0.3);
+
+ &:window-inactive {
+ background-color: rgba(122, 122, 122, 0.3);
+ }
+
+ &:hover {
+ background-color: rgba(122, 122, 122, 0.7);
+ }
+
+ &:active {
+ background-color: rgba(122, 122, 122, 0.9);
+ }
+}
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 58cc45c..208f00d 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -1,5 +1,33 @@
+@import './animation.scss';
@import './markdown.scss';
+html,
+body,
+#app {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+html.dark {
+ background: #121212;
+}
+
+#nprogress {
+ pointer-events: none;
+}
+
+#nprogress .bar {
+ background: rgb(13,148,136);
+ opacity: 0.75;
+ position: fixed;
+ z-index: 1031;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 2px;
+}
+
html {
color: var(--c-text);
background-color: var(--c-bg);
@@ -23,47 +51,11 @@ button {
}
}
+hr {opacity: 0.1;}
+
.tag {
margin: 4px;
padding: 2px 4px;
// border: 1px solid var(--c-text);
}
-/* we will explain what these classes do next! */
-.v-enter-active,
-.v-leave-active {
- transition: opacity 0.3s ease;
-}
-
-.v-enter-from,
-.v-leave-to {
- opacity: 0;
-}
-
-// scrollbar
-::-webkit-scrollbar {
- width: 8px;
- height: 8px;
-}
-
-::-webkit-scrollbar-track {
- border-radius: 2px;
- background-color: rgba(255, 255, 255, 0.1);
-}
-
-::-webkit-scrollbar-thumb {
- border-radius: 2px;
- background-color: rgba(122, 122, 122, 0.3);
-
- &:window-inactive {
- background-color: rgba(122, 122, 122, 0.3);
- }
-
- &:hover {
- background-color: rgba(122, 122, 122, 0.7);
- }
-
- &:active {
- background-color: rgba(122, 122, 122, 0.9);
- }
-}
diff --git a/src/styles/main.css b/src/styles/main.css
deleted file mode 100755
index e5059e3..0000000
--- a/src/styles/main.css
+++ /dev/null
@@ -1,26 +0,0 @@
-html,
-body,
-#app {
- height: 100%;
- margin: 0;
- padding: 0;
-}
-
-html.dark {
- background: #121212;
-}
-
-#nprogress {
- pointer-events: none;
-}
-
-#nprogress .bar {
- background: rgb(13,148,136);
- opacity: 0.75;
- position: fixed;
- z-index: 1031;
- top: 0;
- left: 0;
- width: 100%;
- height: 2px;
-}
diff --git a/vercel.json b/vercel.json
index f7bbd28..448dc52 100644
--- a/vercel.json
+++ b/vercel.json
@@ -1,6 +1,7 @@
{
"rewrites": [
{ "source": "/about", "destination": "/index.html" },
+ { "source": "/help", "destination": "/index.html" },
{ "source": "/wechat", "destination": "/index.html" }
]
}