@gitlab/ui/src/components/mixins/safe_link_mixin.js

GitLab UI Components

import { SafeLinkDirective } from '../../directives/safe_link/safe_link';

export const SafeLinkMixin = {
  directives: {
    SafeLink: SafeLinkDirective,
  },
  props: {
    isUnsafeLink: {
      type: Boolean,
      required: false,
      default: false,
    },
    // This prevents bootstrap-vue from setting target="_self"
    // when target attribute is not present
    target: {
      type: String,
      required: false,
      default: null,
    },
  },
  computed: {
    safeLinkConfig() {
      return {
        skipSanitization: this.isUnsafeLink,
      };
    },
  },
};