diff options
Diffstat (limited to 'src/content/dependencies/generateExternalIcon.js')
-rw-r--r-- | src/content/dependencies/generateExternalIcon.js | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/src/content/dependencies/generateExternalIcon.js b/src/content/dependencies/generateExternalIcon.js new file mode 100644 index 00000000..cb65a00a --- /dev/null +++ b/src/content/dependencies/generateExternalIcon.js @@ -0,0 +1,28 @@ +import {isExternalLinkContext} from '#external-links'; + +export default { + extraDependencies: ['html', 'language', 'to'], + + data: (url) => ({url}), + + slots: { + context: { + // This awkward syntax is because the slot descriptor validator can't + // differentiate between a function that returns a validator (the usual + // syntax) and a function that is itself a validator. + validate: () => isExternalLinkContext, + default: 'generic', + }, + }, + + generate: (data, slots, {html, language, to}) => + html.tag('svg', + html.tag('use', { + href: + to('staticMisc.icon', + language.formatExternalLink(data.url, { + style: 'icon-id', + context: slots.context, + })), + })), +}; |