Transvueify

0.0.6 verified Fri May 01 auth: no javascript abandoned

Transvueify is a .vue to .vue transpiler that compiles JavaScript features inside Vue single-file components (SFCs) down to simpler JS using plugins. Version 0.0.6 is in early development with no stable release cadence; the project appears unmaintained since 2020. Unlike full-featured build tools (e.g., Vite, Vue CLI), Transvueify does not bundle – it only transforms .vue files in place, making it useful as a pre-step or for distributing modular Vue components. Its key differentiator is plugin-based transpilation targeting only the <script> block.

Common errors

error Error: Cannot find module 'transvueify' ↓

cause Package not installed or CommonJS require used with ESM-only package.

fix

npm install transvueify; use ES import syntax.

error TypeError: transvueify is not a function ↓

cause Default import used incorrectly; package exports a function directly.

fix

Use import transvueify from 'transvueify' as shown.

error Error: ENOENT: no such file or directory, glob 'src/**/*.vue' ↓

cause Glob pattern has no matches or input directory missing.

fix

Verify the input pattern is correct and directories exist.

Warnings

breaking Requires Node.js >=12.0; may fail on older versions. ↓

fix Upgrade Node.js to version 12 or higher.

gotcha Output files have .vue extension but are plain JS components (no template/style blocks transpiled). ↓

fix Use this tool only as a pre-transpiler for script blocks; handle templates and styles separately.

deprecated Project has had no commits since 2020 and is effectively abandoned. ↓

fix Consider alternative tools like Vite or Vue CLI for production use.

gotcha Glob patterns must match .vue files exactly; no automatic exclusion of node_modules. ↓

fix Be explicit in glob patterns (e.g., src/**/*.vue) to avoid including unintended directories.

Install

npm install transvueify

yarn add transvueify

pnpm add transvueify

Imports

transvueify

wrong

const transvueify = require('transvueify')

correct

import transvueify from 'transvueify'

ESM-only package; CommonJS require will fail.

TranspilerResult
```
import { TranspilerResult } from 'transvueify'
```
Type-only export available for TypeScript users.
Config
```
import type { Config } from 'transvueify'
```
Config interface for programmatic usage.

Quickstart

Demonstrates programmatic usage: import the default export, define config with input/output glob patterns, and handle the result promise.

import transvueify from 'transvueify';
import path from 'path';

const config = {
  input: 'src/**/*.vue',
  output: 'dist/',
  plugins: []
};

transvueify(config)
  .then(results => {
    results.forEach(r => console.log(`Transpiled: ${r.filePath}`));
  })
  .catch(err => console.error(err));