Vue Templates Logo Vue Templates
Nuxt Class Component screenshot

Nuxt Class Component

Author Avatar Theme by Nuxt community
Updated: 15 Jan 2021
113 Stars

ES / TypeScript decorator for class-style Nuxt/Vue components

Github

Categories

Nuxt

Overview

This product analysis examines a deprecated repository and suggests using the “nuxt-property-decorator” instead. It provides instructions for installation and usage, including configurations for Babel and TypeScript. The article also mentions the documentation for vue-class-component and vuex-class, as well as official TypeScript examples of Nuxt.js. The product is licensed under the MIT License.

Features

  • nuxt-property-decorator: A replacement for the deprecated repository.
  • Babel Instructions: Configuring Babel plugins in nuxt.config.js.
  • Typescript Instructions: Enabling [experimentalDecorators] on the TypeScript compiler.

Installation

To install the theme, follow these steps:

  1. Install the “nuxt-property-decorator” package.
  2. Configure Babel plugins in the nuxt.config.js file. Plugin order is important, so refer to the provided link for more details.
  3. Enable [experimentalDecorators] on the TypeScript compiler by using the –experimentalDecorators argument.
  4. Alternatively, you can enable experimental decorators by modifying the tsconfig.json file.
  5. Refer to the documentation for vue-class-component and vuex-class for further usage details.
  6. Explore the official TypeScript examples of Nuxt.js for more insights.

Summary

This article recommends using the “nuxt-property-decorator” package as a replacement for the deprecated repository. It provides installation instructions, including configuration steps for Babel and TypeScript. Additionally, it suggests referring to the documentation for vue-class-component and vuex-class and exploring the official TypeScript examples of Nuxt.js. The product is licensed under the MIT License.