Registry / web-framework / vite-plugin-vue-setup-extend

vite-plugin-vue-setup-extend

library0.4.0jsnpmunverified

This package, `vite-plugin-vue-setup-extend`, enhances the `<script setup>` syntactic sugar in Vue Single File Components (SFCs). Its primary function is to allow developers to define additional attributes directly on the `<script setup>` tag, such as `name` and `inheritAttrs`, which are typically unavailable in the standard `<script setup>` syntax. This capability is particularly useful for debugging with Vue DevTools, enabling recursive components, or explicitly setting component names for clearer component hierarchies. The current stable version is 0.4.0, but it was last published over four years ago (January 2022). Due to its lack of recent updates, it is considered abandoned and may not be compatible with newer versions of Vue or Vite, which have undergone significant changes since its last release. Users should proceed with caution and be prepared for potential compatibility issues with modern tooling.

web-framework

npm install vite-plugin-vue-setup-extend

github ↗package ↗

INSTALL

IMPORT

SIG · VITE-PLUGIN-VUE-SE

vite-plugin-vue-setup-extend

web-frameworkjavascriptv0.4.0

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–226 runs

build_error

glibc

node 18–226 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

vueSetupExtend

✓ import vueSetupExtend from 'vite-plugin-vue-setup-extend'

✗ const vueSetupExtend = require('vite-plugin-vue-setup-extend')

Vite configuration files are typically ESM, so `require` is not supported. Use a named import.

defineConfig

✓ import { defineConfig } from 'vite'

Standard Vite utility for defining configuration, often used alongside this plugin.

vue

✓ import vue from '@vitejs/plugin-vue'

The official Vue plugin for Vite is a prerequisite and must be included before `vueSetupExtend`.

This configuration demonstrates how to integrate `vite-plugin-vue-setup-extend` into your `vite.config.ts` file. It ensures that the plugin is activated alongside the official `@vitejs/plugin-vue` to extend `<script setup>` syntax capabilities.

import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import vueSetupExtend from 'vite-plugin-vue-setup-extend'; export default defineConfig({ plugins: [ vue(), vueSetupExtend() ], // Other Vite configurations... });

Debug

Known issues

breakingThis package has not been updated in over four years (last publish January 2022). Significant breaking changes have occurred in Vite and `@vitejs/plugin-vue` since then, making this plugin potentially incompatible with newer project setups.

fix

Consider migrating to alternatives like `unplugin-vue-macros` or manually defining component options if you encounter issues. For new projects, avoid this plugin.

affects: >=0.4.0

gotchaVite plugin ordering is crucial. Ensure `vite-plugin-vue-setup-extend` is placed *after* `@vitejs/plugin-vue` in your `plugins` array to ensure it correctly processes Vue SFCs.

fix

Always add `vueSetupExtend()` after `vue()` in the `plugins` array within `vite.config.ts`.

affects: >=0.1.0

gotchaVite configurations are typically ESM-only. Using CommonJS `require()` syntax in `vite.config.js` or `vite.config.ts` will lead to errors, especially for ESM-only packages.

fix

Ensure your Vite config uses ES module syntax (`import/export`) or rename your config file to `.mjs`/`.mts` if necessary. If facing `ERR_REQUIRE_ESM`, refactor to `import` statements.

affects: >=0.1.0

Errors

Common errors & fixes

Error [ERR_REQUIRE_ESM]: require() of ES Module ...vite-plugin-vue-setup-extend.js from ...vite.config.js not supported

Attempting to import the plugin using CommonJS `require()` syntax in a Vite configuration file that expects ESM.

fix

Change `const vueSetupExtend = require('vite-plugin-vue-setup-extend')` to `import vueSetupExtend from 'vite-plugin-vue-setup-extend'`.

Internal server error: At least one <template> or <script> is required in a single file component.

This generic Vue/Vite error can sometimes occur if a plugin, especially an outdated one, interferes with SFC parsing or hot module replacement (HMR).

fix

Verify the plugin's compatibility with your current Vite and Vue versions. If using an older plugin like `vite-plugin-vue-setup-extend`, consider if it's causing conflicts and disabling it or searching for a maintained alternative. Clear your Node modules and `node_modules/.vite` cache.

Upgrade

Version history

0.4.0latest on npm

Audit

Dependencies

viterequiredPeer dependency, required for the plugin to function within a Vite project.

Agent activity

7 hits · last 30 days

node

OpenAI (training)

Resources

githubhttps://github.com/vbenjs/vite-plugin-vue-setup-extend ↗

packagehttps://www.npmjs.com/package/vite-plugin-vue-setup-extend ↗