方便以后使用和复制



## 独立页面

请协助开发一个Vue3+TS实现的Foxhole游戏中英术语词典组件，需满足以下核心需求：

1. **可视化设计**
- 采用分栏式布局：左侧30%宽度为分类导航（载具/武器/建筑等），右侧70%为内容展示区
- 每个词条采用卡片化设计，包含：
  • 优先加载的占位图（使用Tailwind的animate-pulse实现骨架屏）
  • 120x120px的游戏元素配图（需支持动态src）
  • 中英文名称（显眼字体层级）
  • 复制按钮（带hover效果）

2. **交互规范**
- 预留事件发射器：
  @category-change(分类切换)
  @search(搜索触发)
  @copy(复制成功)
- 点击复制按钮时需调用navigator.clipboard.writeText

3. **数据规范**
- 定义TypeScript接口：
  interface TermItem {
    id: string
    en: string
    zh: string
    category: 'vehicles' | 'weapons' | 'buildings'
    imgUrl?: string
  }
- 通过props接收数据：
  props: {
    terms: { type: Array as PropType<TermItem[]>, required: true }
    activeCategory: { type: String, default: 'vehicles' }
  }

4. **样式要求**
- 严格使用Tailwind CSS实现：
  • 响应式网格布局（md:grid-cols-2 lg:grid-cols-3）
  • 颜色使用slate色系（bg-slate-800/text-slate-100）
  • 交互状态（transition duration-300 hover:scale-105）
- 图片加载错误处理：使用@error事件切换备用占位图

5. **可访问性**
- 为所有图片添加alt属性
- 支持键盘导航（tabindex属性）
- ARIA角色标注（role="navigation"等）

6. **组件规范**
- 导出为名为FoxholeGlossary的独立组件
- 使用Vue3 Composition API
- 类型定义独立存储在types/glossary.d.ts

请输出完整组件代码，保持代码整洁并符合Vue3最佳实践，注释中注明关键实现逻辑。

ai前端自用提示词

对现在一些比较流行的应用思考



 不知道什么时候开始，都逐渐追求流量变现，反而忽略了应用的本质

  一看到什么 “起号” “带货” 心底多少会带有一点反感，甚至因为追求经济利益胡编乱造的现象也日渐增加

  每当我只是想简单的分享一些很长篇大论的文字，现在的应用不是限制文字就是干脆不给发文字，因为文字的流量相比图片和视频确实小的很多，但我又只是想单纯的分享，更像一个“互联网微信朋友圈” 发表后看能否遇到同好等

所以最近我有个新想法，开发一些回归最初本质的应用，不搞经济效益，只是单纯的分享而不是带着流量必须要变现的目的而去写作，分享分享日常、感悟、通过这些内容来看别人真实的生活，寻找同好

现在流行的应用思考

Nuxt相关学习笔记，靠别人不如靠自己，人定胜天



` npx nuxi@latest init gtaz-front `

Nuxt笔记

闲来无事，输出一下我的恋爱观

我经常跟别人说的是”找一个不想谈恋爱的人谈恋爱”

  我从始至终都觉得恋爱与婚姻并非和人不吃饭会饿死一样的刚需
  先简单介绍下自己的成长旅途，这样才好理解后续我的观点和坚持。
  我自己家本身条件贫穷，高中都因家里没钱而没有读，家庭更是地狱开局，小时候多吃一口饭都会被毒打一顿。
  但我这个人先天湖南人蛮性圣体，很小我就明白，有些自己无法掌控且成为事实的事情不要过多去想，而是支援未来，上中专后学习啥也没学到但是我利用中专的缓冲期自学了编程，2015年16岁那年中专毕业，面试两天成功成为小公司小白领打工生涯从2k工资开始，一直到2023年底最后一份工作薪资为2w一个月，存款负数，在长达八年多的cbd地铁社畜生涯，见到了无数无论老板任何不合理辱骂却因上有老下有小不敢反抗一直被剥削的”未来的我的样子”，在所有人不理解的目光中果断辞职彻底结束程序员生涯，方式从深圳搬回老家的车费钱都没，还是靠临时接了个几万私单的定金搬到老家县城也就是我现居地开始创业，在如今过去的一年创业路程，每天贫困交加，物质生活急剧下降，我都顶住了，并且在明白了私单没前途后（一个项目做完，项目的钱也花完了），果断的放弃唯一的收入开源，以拖欠三个月的房租前提下开始专心自己做产品，最终来到了一天一个馒头分三份吃的境地

您猜然后我怎么着？哎，终于点题了，这个时候我仿佛眼前的一切未发生，反而开始找起了对象

当然，首先来的就是质疑，没钱谈什么恋爱？
这就是我要输出的我的恋爱观了，为什么恋爱要钱？难道一个有手有脚的人，恋爱前会自己赚钱养活自己，恋爱后就不会了吗？都说恋爱是1+1=2 为何恋爱后反而经济会依赖对方？

就很不理解，我的恋爱观基本和大多数人都相反，正常人恋爱后就变残疾人人了吗生活都不能自理了？

这个时候回到开头说的 ”找一个不想恋爱的人谈恋爱” 

在我眼中世人普遍的恋爱观所谓的1+1=2，在我看来是正确结果反而相反是负数，在他们的恋爱关系中，很理所当然的将恋爱关系当做依赖的消费品，而不是两个默契的灵魂因相互认同和喜欢仅此而已，就像我聊的来的网友，我会要求这个网友一定要特有钱才会跟他玩吗？

社会女性口口声声说男女平等，可每到实践，总是自己第一个将男女平等打破，而正常男性口口声声说尊重女性，男女平等，可每到实践总下意识的将女性潜意识视为自己养的一个宠物而不是一个平等的人类个体

这就是我的，在很多人眼中视为”逆天的恋爱观”我这观点也经常会将一群自诩清高的人的遮羞布扯下来


对于恋爱与婚姻，老一辈的一些人才是我敬佩的，他们从不高喊着男女平等什么的口号，夫妻在一个家每个人都 能很好的发挥自己的能力，支撑起自己的家庭，各自成为一个家庭组成不可或缺的一部分，也是到了这个年纪看过这么多现代抽象事件，才能男女搭配干活不累，以及教员的那句“妇女能顶半边天”的含金量了

近期感受


- 子元素自动排列换行 

```css
flex flex-wrap [&>view]:text-nowrap  gap-2 transition duration-150 mt-2
```