test(ts): class decorator

Author: Guillaume Chau

package.json

@@ -71,6 +71,7 @@
     "typescript": "^2.9.2",
     "uglify-es": "^3.1.6",
     "vue": "^2.5.16",
+    "vue-property-decorator": "^7.0.0",
     "vuepress": "^0.14.2"
   }
 }

types/test/Decorator.ts

@@ -0,0 +1,10 @@
+import { Component, Vue } from 'vue-property-decorator'
+
+@Component({
+  apollo: {
+    allFilms: '',
+  },
+})
+export default class Decorator extends Vue {
+  allFilms = []
+}

types/test/index.ts

@@ -6,6 +6,7 @@ import { HttpLink } from 'apollo-link-http'
 
 import VueApollo from '../index'
 import App from './App'
+import Decorator from './Decorator'
 
 const httpLink = new HttpLink({ uri: 'https://dummy.test.com' })
 const cache: any = 'dummy cache';
@@ -26,4 +27,10 @@ const apolloProvider = new VueApollo({
 Vue.use(VueApollo)
 
 /* eslint no-new: 0 */
-new Vue({ el: '#app', provide: apolloProvider.provide(), render: h => h(App) })
+new Vue({
+  el: '#app',
+  provide: apolloProvider.provide(),
+  render: h => h(App, [
+    h(Decorator)
+  ])
+})

yarn.lock

@@ -7209,6 +7209,10 @@ [email protected]:
   dependencies:
     indexof "0.0.1"
 
+vue-class-component@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/vue-class-component/-/vue-class-component-6.2.0.tgz#7adb1daa9a868c75f30f97f33f4f1b94aee62089"
+
 vue-hot-reload-api@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.0.tgz#97976142405d13d8efae154749e88c4e358cf926"
@@ -7223,6 +7227,12 @@ vue-loader@^15.2.4:
     vue-hot-reload-api "^2.3.0"
     vue-style-loader "^4.1.0"
 
+vue-property-decorator@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/vue-property-decorator/-/vue-property-decorator-7.0.0.tgz#46f53dd741eb86c3af091bb0492400c450eebf19"
+  dependencies:
+    vue-class-component "^6.2.0"
+
 vue-router@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.0.1.tgz#d9b05ad9c7420ba0f626d6500d693e60092cc1e9"