Decorators for compatability with vuex-module-decorators

Would be great if we could do things like:

@Module
export default class Collection extends VuexModule {
  
  documents = [];

  @FirestoreAction
  bindCollection({ context }, name: string) {
    context.bindFirestoreRef('documents', db.collection(name));
    context.unbindFirestoreRef('documents');
  }
}

Would allow actions and state to be more true to how they look in Vanilla Vuex while also making them typesafe.

[tommyo]

Now that I think about it, I agree - it doesn’t belong in this package. I wrote a very simple vuexfire-decorators as a separate package. I’ll release it as soon as it’s hardened.

when combined with vuex-module-decorators and typescript, your todo example (as a module) looks like:

@Module
export default class TodoState extends VuexModule {

  public todos: Todo[] = [];

  @FirestoreBind('todos')
  public bindTodosRef() {
    return db.collection('todos');
  }
}

[posva]

Closing as decorators for vue in terms of typings are being deprecated and there hasn’t been any activity.

If anybody publishes a lib, feel free to post it here