src/content/dependencies/generateExternalIcon.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import {isExternalLinkContext} from '#external-links';

export default {
  data: (urlEntry) => ({urlEntry}),

  slots: {
    context: {
      validate: () => isExternalLinkContext,
      default: 'generic',
    },
  },

  generate: (data, slots, {html, language, to}) =>
    html.tag('span', {class: 'external-icon'},
      html.tag('svg',
        html.tag('use', {
          href:
            to('staticMisc.icon',
              language.formatExternalLink(data.urlEntry, {
                style: 'icon-id',
                context: slots.context,
              })),
        }))),
};