How long does the integration take?

Change one base URL in an OpenAI-compatible client, or install the Python or TypeScript SDK; the quickstart routes a first request in a few minutes.

Will this lock us into another vendor?

No. The router is Apache-2.0 open source, your provider keys stay yours, and the API is OpenAI-compatible, so leaving is a change of base URL.

What happens when a provider fails?

The router falls back to the next model your policy allows and records the fallback in the trace, so an outage costs a retry, not an incident.

vue - Skill - OpenSmartRoute

Name: vue
Author: uni-helper

Imported from uni-helper/skills (skills/vue/SKILL.md) via skills.sh. Install upstream with npx skills add uni-helper/skills --skill vue. Copyright stays with the author.

Vue

The skill is based on Vue 3.5+, generated at 2026-01-28.

Vue is a progressive JavaScript framework for building user interfaces. It builds on standard HTML, CSS, and JavaScript with intuitive API and world-class documentation. The Composition API with <script setup> and TypeScript is the recommended approach for building Vue applications.

Core References

Topic	Description	Reference
Reactivity System	ref, reactive, computed, watch, and watchEffect	core-reactivity

Components

Topic	Description	Reference
Props	Declare and validate component props with TypeScript	components-props
Events (Emits)	Emit custom events from components	components-emits
Slots	Pass template content to child components	components-slots
v-model	Two-way binding on custom components	components-v-model
Lifecycle Hooks	Run code at specific component lifecycle stages	components-lifecycle

Features

Script Setup & TypeScript

Topic	Description	Reference
Script Setup	Composition API syntactic sugar for SFCs	features-script-setup
TypeScript	Type-safe Vue components with Composition API	features-typescript

Reusability

Topic	Description	Reference
Composables	Encapsulate and reuse stateful logic	features-composables
Custom Directives	Low-level DOM manipulation directives	features-directives
Template Refs	Direct DOM and component instance access	features-template-refs

Advanced

Topic	Description	Reference
Provide/Inject	Dependency injection across component tree	advanced-provide-inject
Async & Suspense	Top-level await pitfalls, async components, Suspense	advanced-async-suspense

Key Recommendations

Use <script setup lang="ts"> for all components
Prefer ref() over reactive() for declaring state
Use type-based prop declarations with interfaces
Use defineModel() for v-model (3.4+)
Destructure props reactively (3.5+) for cleaner code
Extract composables for reusable stateful logic

Install vue and it becomes one more candidate the router can pick - when it fits.

A listing is a routing target with a manifest: what it does, which domains it covers, what it costs and who publishes it. Once installed it sits beside your own models and tools, is scored like any other candidate for each request, and shows up in the trace when it wins. Ratings come from workspaces that installed it, one per account.

{ "ocm": "1", "id": "uni-helper-skills-vue", "kind": "skill", "name": "vue", "description": "Vue.js progressive JavaScript framework. Use when building Vue components, working with reactivity (ref, reactive, computed, watch), or implementing Vue Composition API patterns.", "publisher": "uni-helper", "version": "1.0.0", "capabilities": { "domains": [ "coding", "math" ], "tags": [ "skill-md", "skills-sh" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Vue.js progressive JavaScript framework. Use when building Vue components, working with reactivity (ref, reactive, computed, watch), or implementing Vue Composition API patterns." ], "primary": false, "metadata": { "source": { "provider": "skills.sh", "repository": "https://github.com/uni-helper/skills", "path": "skills/vue/SKILL.md", "ref": "HEAD", "url": "https://www.skills.sh/uni-helper/skills/vue", "key": "uni-helper/skills/skills/vue/SKILL.md" } }, "instructions": "# Vue\n\n> The skill is based on Vue 3.5+, generated at 2026-01-28.\n\nVue is a progressive JavaScript framework for building user interfaces. It builds on standard HTML, CSS, and JavaScript with intuitive API and world-class documentation. The Composition API with `<script setup>` and TypeScript is the recommended approach for building Vue applications.\n\n## Core References\n\n| Topic | Description | Reference |\n|-------|-------------|-----------|\n| Reactivity System | ref, reactive, computed, watch, and watchEffect | [core-reactivity](references/core-reactivity.md) |\n\n## Components\n\n| Topic | Description | Reference |\n|-------|-------------|-----------|\n| Props | Declare and validate component props with TypeScript | [components-props](references/components-props.md) |\n| Events (Emits) | Emit custom events from components | [components-emits](references/components-emits.md) |\n| Slots | Pass template content to child components | [components-slots](references/components-slots.md) |\n| v-model | Two-way binding on custom components | [components-v-model](references/components-v-model.md) |\n| Lifecycle Hooks | Run code at specific component lifecycle stages | [components-lifecycle](references/components-lifecycle.md) |\n\n## Features\n\n### Script Setup & TypeScript\n\n| Topic | Description | Reference |\n|-------|-------------|-----------|\n| Script Setup | Composition API syntactic sugar for SFCs | [features-script-setup](references/features-script-setup.md) |\n| TypeScript | Type-safe Vue components with Composition API | [features-typescript](references/features-typescript.md) |\n\n### Reusability\n\n| Topic | Description | Reference |\n|-------|-------------|-----------|\n| Composables | Encapsulate and reuse stateful logic | [features-composables](references/features-composables.md) |\n| Custom Directives | Low-level DOM manipulation directives | [features-directives](references/features-directives.md) |\n| Template Refs | Direct DOM and component instance access | [features-template-refs](references/features-template-refs.md) |\n\n## Advanced\n\n| Topic | Description | Reference |\n|-------|-------------|-----------|\n| Provide/Inject | Dependency injection across component tree | [advanced-provide-inject](references/advanced-provide-inject.md) |\n| Async & Suspense | Top-level await pitfalls, async components, Suspense | [advanced-async-suspense](references/advanced-async-suspense.md) |\n\n## Key Recommendations\n\n- **Use `<script setup lang=\"ts\">`** for all components\n- **Prefer `ref()` over `reactive()`** for declaring state\n- **Use type-based prop declarations** with interfaces\n- **Use `defineModel()`** for v-model (3.4+)\n- **Destructure props reactively** (3.5+) for cleaner code\n- **Extract composables** for reusable stateful logic", "cost": { "context_tokens": 689 } }

vue

About

Vue

Core References

Components

Features

Script Setup & TypeScript

Reusability

Advanced

Key Recommendations

Install vue and it becomes one more candidate the router can pick - when it fits.

What it costs to adopt - in engineering time.

One base URL

No vendor lock-in

Failover built in

Use it

Manifest

Reviews