diff options
Diffstat (limited to 'app/assets/javascripts/repository/components/blob_viewers/sketch_viewer.vue')
-rw-r--r-- | app/assets/javascripts/repository/components/blob_viewers/sketch_viewer.vue | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/app/assets/javascripts/repository/components/blob_viewers/sketch_viewer.vue b/app/assets/javascripts/repository/components/blob_viewers/sketch_viewer.vue new file mode 100644 index 00000000000..b48af02e541 --- /dev/null +++ b/app/assets/javascripts/repository/components/blob_viewers/sketch_viewer.vue @@ -0,0 +1,31 @@ +<script> +import { GlLoadingIcon } from '@gitlab/ui'; +import SketchLoader from '~/blob/sketch'; + +export default { + components: { + GlLoadingIcon, + }, + props: { + blob: { + type: Object, + required: true, + }, + }, + data() { + return { + url: this.blob.rawPath, + }; + }, + mounted() { + // eslint-disable-next-line no-new + new SketchLoader(this.$refs.viewer); + }, +}; +</script> + +<template> + <div ref="viewer" class="file-content" :data-endpoint="url" data-testid="sketch"> + <gl-loading-icon class="my-4 js-loading-icon" size="lg" /> + </div> +</template> |