feat: add initial Slidev presentation and demo components

- Created Slidev presentation structure with index.md and contents.md.
- Implemented footer and menu components for navigation.
- Added Markdown preview component with syntax highlighting.
- Developed HTML template for consistent page structure.
- Introduced button component with variant support.
- Added Vue counter component for interactive demos.
- Configured content collections for documentation.
- Created multiple markdown documents for demo purposes.
- Established global and theme styles for consistent UI.
- Set up TypeScript configuration for better development experience.

solution/src/data/docs/001.md

@@ -0,0 +1,18 @@
+---
+title: '逻辑性的模块信息收集'
+tags: ['info']
+createdAt: '2025-11-25 20:00:00'
+---
+### 简单需求搜集
+
+求资料库类小程序设计
+
+我们是一家工程定制灯具的工厂，想要开发一个小程序或app作为我们工厂的资料库。
+每次项目完成后我们可自行上传本次项目的实物图和图纸、项目名等生产资料，然后需要建立一个搜索功能，可以通过彩图、项目名等关键词把相关灯具的生产资料调出来，包括曾经生产出来的实物照片、外形图纸、生产图纸和3D模型等资料。
+有相关专业技术的公司请联系我
+
+### 评论区
+
+
+麻雀虽小 五脏俱全，很多细节性逻辑，好麻烦的，一个灯灯的型号，需要一对多关联一堆数据，实物照片、外形图纸、生产图纸和3D模型等资料。
+照片细分开，一堆分类，三视图、细节图等等，图纸展开一堆分类（外形图、生产图）还要3d建模、渲染等等杂七杂八的数据，生产材料展开，又是一堆数据，各个数据有机的结合起来，没有个详细的关系设计，这项目会越做越烂，到最后没法收尾