# vue-class-component

**Repository Path**: vuejs/vue-class-component

## Basic Information

- **Project Name**: vue-class-component
- **Description**: ES / TypeScript decorator for class-style Vue components.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-08-03
- **Last Updated**: 2025-06-15

## Categories & Tags

**Categories**: vue-extensions

**Tags**: None

## README

# [DEPRECATED] Vue Class Component


## ⚠️ Notice

This library is no longer actively maintained. It is no longer recommend to use Class-based components in Vue 3. The recommended way to use Vue 3 in large applications is Single-File Components, Composition API, and `<script setup>`. If you still want to use classes, check out the community-maintained project [`vue-facing-decorator`](https://facing-dev.github.io/vue-facing-decorator/#/).

Additionally, if you're interested in migrating out of class components, you might find the CLI tool [`vue-class-migrator`](https://github.com/getyourguide/vue-class-migrator) helpful for the transition.

---

ECMAScript / TypeScript decorator for class-style Vue components.

[![npm](https://img.shields.io/npm/v/vue-class-component.svg)](https://www.npmjs.com/package/vue-class-component) [![Gitpod Ready-to-Code](https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/vuejs/vue-class-component)

## Document

See [https://class-component.vuejs.org](https://class-component.vuejs.org)

> Please note, documentation for v8 is not ready yet. Check out the readme in the respective branch or see [v8 proposals in the issue list](https://github.com/vuejs/vue-class-component/issues?q=is%3Aopen+is%3Aissue+label%3Av8)

## Online one-click setup for contributing

Contribute to Vue Class Component using a fully featured online development environment that will automatically: clone the repo, install the dependencies and start the docs web server and run `yarn dev`.

[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/from-referrer/)

## Issue reporting / pull requests

See [contribution guideline](./.github/CONTRIBUTING.md)

## License

[MIT](http://opensource.org/licenses/MIT)