vue3 v0.0.5

vue3

Simple plugin for vue (and vue-cli in progress).

It lets you extract script (in ts) from a vue single-file components, to a separate file written in typescript.

Before

// component.vue
<template>
  <div>{{msg}} {{user}}</div>
</template>
<script>
export default {
	props : ['user'],
	data() {
		return {
			test : 'Hello world'
		}
	}
}
</script>

After (in 2 files)

// component.vue
<template>
  <div>{{msg}} {{user}}</div>
</template>

// component.vue.ts
import { Component, prop } from 'vue3'
export default class extends Component {
	@prop
	public user : string;		
	private test : string = "Hello world";
}

How to install

npm i vue3

Add modify your webpack config

1. Webpack template

   module: { rules: [ { test: /.vue$/, use: { loader: 'vue-loader', options: vueLoaderConfig },{ loader : 'vue3' } },

2. Vue cli based projects

(comming soon)