# vue3-sfc-loader

Single File Component loader for Vue2 and Vue3. Load .vue files directly from your HTML. No node.js environment, no build step.

Repository: https://github.com/FranckFreiburger/vue3-sfc-loader
Canonical: https://ross.abutalabs.com/products/vue3-sfc-loader
Language: JavaScript
License: MIT
License Family: permissive
Topics: vue3-sfc-loader, component-loader, vue3, nobuild, vuejs, html, easy-to-use, single-file-component, babel, vue, sfc, vue2, http-vue-loder, vue2-sfc-loader
Last push: 2024-09-27T10:48:21+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 2112, "days_push": 705, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1354, forks 141 (observed 2026-08-28T04:04:29.049151+00:00)

## What it is
vue3-sfc-loader (successor to http-vue-loader) is a JavaScript library that loads and compiles Vue Single File Component (.vue) files directly in the browser at runtime, without Node.js or a build step. It supports both Vue 2 and Vue 3, including scoped styles, src attributes, and custom language processors.

## Use cases
- load .vue files directly from html without a build step
- prototype Vue components without webpack or vite
- use Vue single file components in a plain HTML page
- dynamically load Vue components at runtime from a URL
- add Vue components to an existing page with just script tags
- compile .vue SFC files in the browser for Vue 2 and Vue 3

## When to choose
- you want to use .vue single file components with no build tooling
- you're prototyping or adding Vue to a simple static HTML page
- you need to load components dynamically at runtime from HTTP URLs
- you need support for both Vue 2 and Vue 3

## When to avoid
- you already have a build pipeline with vue-loader or Vite
- you need production-grade performance, since runtime compilation adds overhead
- your project uses frameworks other than Vue

## Facets
- artifact type: library
- maturity: active
- function: frontend-framework, build-tool, parser
- domain: web-development, frontend, developer-tools
- platform: browser
- tags: vue, single-file-components, no-build-step, sfc-loader, runtime-compilation, javascript, web

## Member repositories
- FranckFreiburger/vue3-sfc-loader (main) score 23
- FranckFreiburger/http-vue-loader (mirror) score 10

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:29.049151+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:34:16.767689+00:00, confidence not recorded.
  - readme: https://github.com/FranckFreiburger/vue3-sfc-loader (fetched 2026-08-28T04:04:29.049151+00:00, sha 77eb4f3054d0)
  - registry_npm: https://registry.npmjs.org/http-vue-loader (fetched 2026-08-29T11:41:46.017481+00:00, sha 328657b5656f)
  - registry_npm: https://registry.npmjs.org/vue3-sfc-loader (fetched 2026-08-29T11:41:46.027529+00:00, sha 936f797ff352)
- Data as of 2026-08-30T08:39:29.467469+00:00.