vue-vine/vue-vine

Health v2 · maintenance only

Adoption not part of the score

1444 stars · 67 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

Vue Vine is an alternative style for writing Vue.js components that allows multiple components in a single TypeScript file, as a parallel approach to Single File Components (SFC). It includes a compiler, language server, and VSCode extension for full tooling support.

Use cases

• write multiple Vue components in one file
• use TypeScript more naturally in Vue components
• migrate existing Vue SFC projects to a functional component style
• get editor tooling for a non-SFC Vue syntax
• scaffold a new Vue project with Vine via CLI

When to choose

• you want to define several related Vue components in a single file
• you prefer functional component style over SFC templates-in-separate-blocks
• you want tighter, more natural TypeScript integration in Vue components
• your team wants a concise macro-based Vue authoring experience

When to avoid

• your team is heavily invested in standard SFC tooling and conventions
• you rely on Vue ecosystem plugins that assume SFC files
• you need maximum community support and battle-tested patterns
• you are a beginner learning Vue for the first time

Facets

framework · maturity active

frontend-framework compiler templating type-system developer-tools web-development frontend developer-tools cross-platform vue vue-components sfc-alternative typescript vscode-extension language-server macros single-file-components nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="vue-vine/vue-vine")