vuex-module-decorators support ?

[mtltechtemp]

I can't manage to make it work.

The main issue i think is with the fieryState "wrapper", etc.

Here's my code:

import { Module, VuexModule, Mutation, Action } from "vuex-module-decorators";
import { firebase, auth, StoreDB, functions } from "@/services/fireinit";
import {
  fieryBindings,
  fieryActions,
  fieryMutations,
  fieryMapMutations,
  fieryState,
  FieryRecordSave,
  FieryRecordRemove
} from "fiery-vuex";
import { store } from "..";

class Todo {
  name: string = "";
  done: boolean = false;
  done_at: Date | null = null;

  save: FieryRecordSave;
  remove: FieryRecordRemove;
}

const TodoOptions = {
  shared: true,
  type: Todo,
  include: ["name", "done", "done_at"],
  timestamps: ["done_at"],
  record: true,
  recordOptions: {
    save: "save",
    remove: "remove"
  }
};

@Module({
  stateFactory: true,
  name: "Todo",
  store: store
})
export default class TodoModule extends VuexModule {
    currentTodo: Todo | null = null;
    todos: Todo[] = [];

    // can't use ... operator inside a class so it's broken
    // I believe we need a decorator.
    ...fieryState($fiery => {
      // Duplicate identifier '$fiery'.
      specificTodo: $fiery(StoreDB.collection('todos').doc(23), TodoOptions) as Todo
    })
}

[mtltechtemp]

@ClickerMonkey ping