svgpreviewer/pages/file_icons.vue

<script>
import icons from '../static/dist/file_icons/file_icons.json';
import SvgAlbum from '../components/svg_album.vue';

export default {
  name: 'FileIcons',
  components: {
    SvgAlbum,
  },
  data() {
    return {
      items: icons.icons,
      spriteSize: icons.spriteSize,
    };
  },
};
</script>

<template>
  <svg-album
    :items="items"
    image-sprite="dist/file_icons/file_icons.svg"
    source-path="https://gitlab.com/gitlab-org/gitlab-svgs/blob/main/file_icons/"
    :sprite-size="spriteSize"
    title="File icon"
    copy-message="Click a file icon to copy the name"
  />
</template>