Use arrow functions in docs site shortcode exports

Author: xander-marjoram

apps/pie-docs/src/_11ty/shortcodes/contentPageImage.js

@@ -24,8 +24,7 @@ const createCaption = (config) => (config.caption
  * @param {string} config.variant - Sets the variant of the shortcut. Valid values are default, secondary and inverse. Defaults to "default"
  * @returns {string} a <figure> element containing the image(s) provided with the config settings applied.
  */
-// eslint-disable-next-line func-names
-module.exports = function (config) {
+module.exports = (config) => {
     const context = config.context ?? 'contentPage';
     const contextClass = `c-${context}-img`;
     const isImageFullContainerWidth = !config.width;

apps/pie-docs/src/_11ty/shortcodes/indexPageDisplay.js

@@ -38,12 +38,12 @@ const getUrl = (element) => {
     return element.url;
 };
 
-module.exports = function ({
+module.exports = ({
     collection,
     itemKey,
     excludedElements,
     imageSrcDirectory,
-}) {
+}) => {
     const menuItems = find(collection, itemKey);
     const draftPages = getDraftPagesList(collection);
 

apps/pie-docs/src/_11ty/shortcodes/notification.js

@@ -45,8 +45,7 @@ const notificationSettings = {
  * @param {string} config.iconName - The name of the icon to use for the Notification".
  * @returns {string}
  */
-// eslint-disable-next-line func-names
-module.exports = function (config) {
+module.exports = (config) => {
     const context = config.context ?? 'contentPage';
     const contextClass = `c-${context}-notification`;
     const iconFill = getNotificationColour(notificationSettings[config.type].iconFill);

apps/pie-docs/src/_11ty/shortcodes/usage.js

@@ -83,9 +83,6 @@ const buildUsageCard = (usageType, { type, items, hasPadding = true }) => {
  * @param {UsageItem} usage.dont - Information for the "dont" section.
  * @returns {string} - The HTML representation of the usage component.
 */
-// eslint-disable-next-line func-names
-module.exports = function (props) {
-    return `<div class="c-usage-container">
-    ${Object.keys(metadata).map((usageType) => buildUsageCard(usageType, props[usageType])).join(' ')}
-  </div>`;
-};
+module.exports = (props) => `<div class="c-usage-container">
+  ${Object.keys(metadata).map((usageType) => buildUsageCard(usageType, props[usageType])).join(' ')}
+</div>`;