# Is vue-class-component ESM-only? Can you require() it?

> vue-class-component@7.2.6 is a CommonJS package. CommonJS — require() works on every Node.js version we test.

ES201X/TypeScript class decorator for Vue components

Last verified Sep 9, 2026 against vue-class-component@7.2.6.

vue-class-component ships CommonJS only. require("vue-class-component") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import "vue-class-component" also works because Node.js and Bun can import CommonJS from ES modules, but only the default export is guaranteed; named imports depend on Node's static analysis of the module.

It also declares a "module" field, so bundlers such as webpack, Vite and esbuild pick up an ESM build for tree-shaking.

## What to do

1. require("vue-class-component") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun.
2. From ES modules use the default import: import vueClassComponent from "vue-class-component"; then destructure. Named imports only work when Node.js can statically detect the exports.
3. TypeScript: types are bundled; install nothing extra.

## Facts

- Latest: 7.2.6 (Sep 17, 2020)
- Module format: CommonJS
- Last CommonJS version: 7.2.6
- TypeScript types: bundled
- Node engines: not declared
- Weekly downloads: 284K
- License: MIT

## Runtime test results for vue-class-component@7.2.6

Installed and executed on Sep 9, 2026 with require("vue-class-component") from a CommonJS file and import "vue-class-component" from an ES module.

| Runtime | require("vue-class-component") | import "vue-class-component" |
|---|---|---|
| Node.js 18 | works | works |
| Node.js 20 | works | works |
| Node.js 22 | works | works |
| Node.js 24 | works | works |
| Node.js 26 | works | works |
| Bun 1.4.0 | works | works |

## How to import vue-class-component

ES modules:

```js
import vueClassComponent from "vue-class-component";
```

CommonJS:

```js
const vueClassComponent = require("vue-class-component");
```

## Module format by version

Derived from the type, main and exports fields of every stable release on npm (37 versions; the newest 37 shown).

| Versions | Format | First published |
|---|---|---|
| 1.0.0 – 7.2.6 | CommonJS | Jun 25, 2015 |

## Frequently asked

**Is vue-class-component ESM-only?**

vue-class-component@7.2.6 is a CommonJS package. vue-class-component ships CommonJS only. require("vue-class-component") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import "vue-class-component" also works because Node.js and Bun can import CommonJS from ES modules, but only the default export is guaranteed; named imports depend on Node's static analysis of the module.

**Can I import vue-class-component with ES module syntax?**

Yes. import vueClassComponent from "vue-class-component" works in Node.js and Bun because they support importing CommonJS modules. Named imports work only when Node.js can statically detect the exports.

**Does vue-class-component work in Bun?**

Yes. import "vue-class-component" loaded successfully in Bun 1.4.0 on Sep 9, 2026.

**Does vue-class-component ship TypeScript types?**

Yes. vue-class-component bundles its own type declarations; no @types package is needed.

## Links

- [vue-class-component on npm](https://www.npmjs.com/package/vue-class-component)
- [Source repository](https://github.com/vuejs/vue-class-component)
- [HTML version](https://canirequire.com/package/vue-class-component/)
- [JSON version](https://canirequire.com/package/vue-class-component.json)

---

For scripts and AI agents: any package is at https://canirequire.com/package/<name>/index.md (Markdown) or https://canirequire.com/package/<name>.json (JSON); the site index is https://canirequire.com/llms.txt. Fetch the URL directly; no search needed.
