Decorators for compatability with vuex-module-decorators

[tommyo]

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.

[posva]

vuex-module-decorators not being an official library, I don't want to directly expose the decorator on vuefire, instead we could add a page to the cookbook docs explaining how to do

[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');
  }
}

[garyo]

I'd like to see how this is done -- @tommyo any chance you could release this or at least show a workaround?

[mjcadz]

@tommyo I would also like to see this

[TomKaltz]

@tommyo same here!

[liamrosenfeld]

@tommyo, even if the workaround isn't hardened yet, sharing a loose version to implement in the meantime would be really helpful.

[mrzdevcore]

@tommyo, can you share a link on how did you implement the decorator firestorebind ? Even if it is not ready for productio yet

[otonielguajardo]

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');
  }
}

Looks awesome! Any update on this?

[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