NoMistakes.vue

<template>
  <div v-if="getPath()">
    <slot></slot>
  </div>
</template>

<script>
import { get, isObject } from 'lodash-es';

export default {
  name: 'GetOrNothing',

  props: {
    target: {
      type: Object,
      required: true,
    },

    path: {
      type: String,
      required: true,
    },

    arrayCallBack: {
      type: Function,
      default: () => undefined,
    },
  },
  methods: {
    getPath() {
      if (!isObject(this.target)) return false;

      const result = get(this.target, this.path, undefined);

      if (!result && process.env.NODE_ENV === 'development') {
        throw new Error(
          `Nothing found in: ${this.target} with Path: ${this.path}`,
        );
      } else {
        // Todo: some sentry related stuff
      }
    },
  },
};
</script>

<style lang="scss" scoped></style>