InjectReactive Default doesnt work.

[AliLozano]

Code

  @InjectReactive({ from: 'messages', default: '' }) 
  @ProvideReactive('messages')
  public message!: string;

Behavior expected:

• When message is not provided, use default: ''

Results:

• Injection "reactiveInject" not found

[Conaire]

Any update on this?

[Conaire]

Using @AliLozano 's commit, if you don't want to wait for a merge you can just create your own decorator:

function InjectReactiveFixed(options?: InjectOptions | InjectKey) {
    return createDecorator((componentOptions, key) => {
        if (typeof componentOptions.inject === 'undefined') {
            componentOptions.inject = {}
        }
        if (!Array.isArray(componentOptions.inject)) {
            const fromKey = !!options ? (options as any).from || options : key
            const defaultVal = (!!options && (options as any).default) || undefined
            if (!componentOptions.computed) componentOptions.computed = {}
            componentOptions.computed![key] = function() {
                const obj = (this as any)[reactiveInjectKey]
                return obj ? obj[fromKey] : defaultVal
            }

            //@ts-ignore
            componentOptions.inject[reactiveInjectKey] = {key: reactiveInjectKey, default: defaultVal}


        }
    })
}

[Eterion]

The solution provided by @Conaire doesn't work, at least not for me.
So I'm using this instead.

export function InjectReactive(options?: InjectOptions | InjectKey) {
  return createDecorator((componentOptions, key) => {
    if (typeof componentOptions.inject === 'undefined') {
      componentOptions.inject = {};
    }
    if (!Array.isArray(componentOptions.inject)) {
      const fromKey = options ? (options as any).from || options : key;
      const defaultVal =
        (Boolean(options) && (options as any).default) || undefined;
      if (!componentOptions.computed) componentOptions.computed = {};
      componentOptions.computed![key] = function () {
        const obj = (this as any)[reactiveInjectKey];
        // return obj ? obj[fromKey] : defaultVal
        // >>> This is where to set the default value
        return typeof obj[fromKey] === 'undefined' ? defaultVal : obj[fromKey];
      };
      componentOptions.inject[reactiveInjectKey] = reactiveInjectKey;
    }
  });
}