chakra-ui-ark-vue-rule.ocm.json json {
"ocm": "1",
"id": "chakra-ui-ark-vue-rule",
"kind": "skill",
"name": "vue",
"description": "When writing code for Vue.js, follow these rules:",
"publisher": "chakra-ui",
"version": "1.0.0",
"capabilities": {
"domains": [
"coding"
],
"tags": [
"skill-md",
"github-cursor-rules"
],
"languages": [
"en"
]
},
"quality_prior": 0.6,
"examples": [
"When writing code for Vue.js, follow these rules:"
],
"primary": false,
"metadata": {
"source": {
"provider": "github-cursor-rules",
"repository": "https://github.com/chakra-ui/ark",
"path": ".cursor/rules/vue.mdc",
"ref": "ac62ef7f7b24d8ce45129239e126cfca3caa0619",
"url": "https://github.com/chakra-ui/ark/blob/ac62ef7f7b24d8ce45129239e126cfca3caa0619/.cursor/rules/vue.mdc",
"key": "chakra-ui/ark/.cursor/rules/vue.mdc"
},
"applies_to": "packages/vue/**/*.vue"
},
"instructions": "When writing code for Vue.js, follow these rules:\n\n- Always use the `ark` factory and forward the `asChild` props\n\n- Always add `useForwardExpose()` at the end of the script setup\n\n```vue\n<script setup lang=\"ts\">\nuseForwardExpose()\n</script>\n```\n\n- For boolean props, always use the `withDefaults` function to define the defaults as `undefined`\n\n```tsx\nconst props = withDefaults(defineProps<SliderRootProps>(), {\n disabled: undefined,\n invalid: undefined,\n readOnly: undefined,\n} satisfies BooleanDefaults<RootProps>)\n```\n\n- When writing examples, no need to use `useForwardExpose()`\n\n- All icons",
"cost": {
"context_tokens": 160
}
}