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

vite-plugin-vue-setup-extend-plus

library0.1.0jsnpmunverified

vite-plugin-vue-setup-extend-plus is a Vite plugin designed to enhance the Vue 3 `<script setup>` syntactic sugar within Single File Components (SFCs). It specifically introduces support for defining the `name` and `inheritAttrs` attributes directly on the `<script setup>` tag, a capability not natively available in Vue 3's initial `<script setup>` implementation. This allows for easier component introspection and finer control over attribute inheritance for components utilizing the composition API. The package is currently at version 0.1.0 and appears to have had a single release. It builds upon `vite-plugin-vue-setup-extend` but explicitly indicates that "iterative updates are made in unplugin-vue-setup-extend-plus during the later period," suggesting it has been superseded by its `unplugin` counterpart for ongoing development and maintenance. Its primary function is a targeted code transformation during the Vite build process to enable these additional attributes.

web-framework

npm install vite-plugin-vue-setup-extend-plus

github ↗package ↗

INSTALL

IMPORT

SIG · VITE-PLUGIN-VUE-SE

vite-plugin-vue-setup-extend-plus

web-frameworkjavascriptv0.1.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-plus'

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

This plugin is a default export. Ensure you're importing it directly as a default, not a named export. Vite projects are typically ESM-first.

defineConfig

✓ import { defineConfig } from 'vite'

✗ import defineConfig from 'vite'

This is a standard named import for Vite configuration files.

vue

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

✗ import { vue } from '@vitejs/plugin-vue'

The official Vue plugin for Vite is a default export.

This quickstart demonstrates how to configure `vite-plugin-vue-setup-extend-plus` in your `vite.config.ts` and then apply the `name` and `inheritAttrs` attributes directly to a `<script setup>` block in a Vue SFC.

import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import vueSetupExtend from 'vite-plugin-vue-setup-extend-plus' export default defineConfig({ plugins: [ vue(), vueSetupExtend() ], }) // In your Vue SFC (e.g., src/App.vue): // <template> // <div>hello world {{ message }}</div> // </template> // <script lang="ts" setup name="App" inheritAttrs="false"> // const message = 'from App component' // </script>

Debug

Known issues

deprecatedThis package is explicitly deprecated in its README, which states: "Iterative updates are made in unplugin-vue-setup-extend-plus during the later period." Users should migrate to `unplugin-vue-setup-extend-plus` for continued maintenance and new features.

fix

Migrate your project to use `unplugin-vue-setup-extend-plus` instead. Uninstall `vite-plugin-vue-setup-extend-plus` and install `unplugin-vue-setup-extend-plus`, then update your `vite.config.ts` accordingly.

affects: >=0.1.0

gotchaThe package has only a single published version (0.1.0) and is no longer actively maintained. This means it will not receive bug fixes, security updates, or support for newer Vue/Vite versions.

fix

It is strongly recommended to use the actively maintained `unplugin-vue-setup-extend-plus` to ensure compatibility and ongoing support for your Vue 3 projects.

affects: 0.1.0

Errors

Common errors & fixes

Error: Cannot find module 'vite-plugin-vue-setup-extend-plus'

The package might not be correctly installed or is missing from `devDependencies`.

fix

Run `npm install vite-plugin-vue-setup-extend-plus -D` or `yarn add vite-plugin-vue-setup-extend-plus -D` to install it.

TypeError: vueSetupExtend is not a function

Incorrect import statement; `vite-plugin-vue-setup-extend-plus` is a default export, but it might be imported as a named export.

fix

Ensure the import is `import vueSetupExtend from 'vite-plugin-vue-setup-extend-plus'` in your `vite.config.ts`.

Upgrade

Version history

0.1.0latest on npm

Audit

Dependencies

viterequiredRequired peer dependency for any Vite plugin to function within a Vite project. Explicitly states `>=2.0.0` in README.

@vitejs/plugin-vuerequiredRequired alongside this plugin in `vite.config.ts` to process Vue SFCs.

Agent activity

12 hits · last 30 days

node

OpenAI (training)

Resources

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

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