@oods / components-vue

由OODS Foundry生成的屏幕使用的Vue组件。该包导出控件、布局和域视图； @oods/component-styles 提供他们的CSS。

安装

npm install @oods/components-vue @oods/component-styles @oods/tokens @oods/component-contracts vue

使用Vue 3。带上你现有的Vue应用程序或使用OODS Foundry的 code_generate 与 options.output: "application" 用于应用程序入口和Vite配置。

第一个结果

<script setup>
import { Button } from '@oods/components-vue';
import '@oods/component-styles/css';
const review = () => window.alert('Connect this action to your application.');
</script>

<template>
  <Button content="Review stock" intent="primary" @activate="review" />
</template>

集 data-brand="A" 和 data-theme="light" 在根HTML元素上。结果是一个标记为“Review stock”的按钮，它调用提供的处理程序。将主题设置为 dark 或者 hc 对于那些范围。

生成的示例屏幕标识它们的示例数据。工作流的本地存储不是生产数据库；提供数据、导航和持久性处理程序。保留的组件证据涵盖已命名的场景和主题，而不是您构建的每个应用程序。对于您自己的已交付组件的实现，请使用OODS Foundry的替代映射并检查其咨询契约报告。

限制

生成的应用锁定生成它们的OODS版本；要升级，请重新生成应用程序或将所有四个引脚移到一起。这些包与本地MCP服务器是分开的， @oods/foundry.

许可证

Apache License 2.0。看到 许可证 和 请注意． 生成的输出属于其用户；已安装的包依赖项保留其自己的许可证。