Convert option-object style vue component to vue-class-component decorated class.

Inspired by vue-to-react.

Here is an online demo

Install

yarn global add vue-classify
Copy the code

Usage

Usage: vue-classify [options]

Options:
  -V, --version  output the version number
  -i, --input    the input path for vue component
  -o, --output   the output path for new component, which default value is process.cwd()
  -n, --name     the output file name, which default value is "classified.ts"
  -h, --help     output usage information

  Examples:

    # transform a vue option-object style component to class component.

    $ vue-classify ./components/option-object.js ./components/Component.ts
    $ vue-classify -i ./components/option-object.js -o ./components/ -n Component
Copy the code

Preview Screenshots

Convert props

SFC

Features

  • props/watch -> vue-property-decorator decorated class properties
  • computed -> class getter and setter
  • lifecycle hooks -> class methods
  • methods -> class methods
  • other options will be passed to @Component decorator