![\"A](\"/assets/image.png\")
\n An illustration of something, found here.
\n\n
\n```\n\nIf you want to use a custom integration of User Interface Options, you can insert the required markup directly into your\n[base template](https://github.com/fluid-project/fluidic-11ty/blob/main/src/_includes/layouts/base.njk).\n\n#### uioInit\n\nOutputs the required JavaScript to initialize an instance of [Infusion User Interface Options][1]. This should used\ndirectly before the closing `` tag.\n\n```nunjucks\n{% uioInit %}\n```\n\nResult:\n\n```html\n\n```\n\nOptionally, to support localization, you can pass in locale and direction arguments.\n\n```nunjucks\n{% uioInit \"fa\", \"rtl\" %}\n```\n\nResult:\n\n```html\n\n```\n\nIf you want to use a custom integration of User Interface Options, you can insert the required script tag directly into\nyour [base template](https://github.com/fluid-project/fluidic-11ty/blob/main/src/_includes/layouts/base.njk).\n\n### Template Languages\n\n#### WebC\n\n`eleventy-plugin-fluid` adds the [Eleventy WebC plugin](https://www.11ty.dev/docs/languages/webc/) for WebC support. By\ndefault, the plugin will look for WebC components in `./src/_components/**/*.webc`. This, and [other options](https://www.11ty.dev/docs/languages/webc/#installation),\ncan be modified when registering `eleventy-plugin-fluid`:\n\n```diff\nimport fluidPlugin from \"eleventy-plugin-fluid\";\n\nexport default function (eleventyConfig) {\n- eleventyConfig.addPlugin(fluidPlugin);\n+ eleventyConfig.addPlugin(fluidPlugin, {\n+ webc: {\n+ components: \"./src/_includes/**/*.webc\"\n+ }\n+ });\n};\n```\n\n### Transforms\n\n#### HTML Minify\n\n`eleventy-plugin-fluid` adds an HTML minify transform to output files with a `.html` extension which minifies them\nusing [`html-minifier`](https://www.npmjs.com/package/html-minifier).\n\n## Passthrough Copy\n\nBy default, `eleventy-plugin-fluid` copies the [required assets](src/config/uio-assets.json) for an instance of\n[Infusion User Interface Options][1] into the `lib/infusion` directory of the build directory.\n\n[1]: https://docs.fluidproject.org/infusion/development/tutorial-userInterfaceOptions/UserInterfaceOptions.html\n\n## Upgrade Guide\n\n### v2.x to v3.x\n\n- **BREAKING:** `eleventy-plugin-fluid` v3.x requires Eleventy v3.x and is written in ESM. See [this post](https://www.11ty.dev/blog/canary-eleventy-v3/#new-features-and-a-short-upgrade-guide)\n for upgrade information and guidance.\n- **BREAKING:** The [`markdown` filter](https://github.com/fluid-project/eleventy-plugin-fluid/tree/v2.7.3?tab=readme-ov-file#markdown)\n has been removed. Please use the Eleventy Render plugin's [`renderContent` filter](https://github.com/11ty/eleventy/issues/3370)\n instead.\n\n ```diff\n {% set string = \"**Hi!** %}\n - {{ string | markdown | safe }}\n + {{ string | renderContent('md') | safe }}\n ```\n\n- **BREAKING:** The [`renderString` shortcode](https://github.com/fluid-project/eleventy-plugin-fluid/tree/v2.7.3?tab=readme-ov-file#renderstring)\n has been removed. Please use the Eleventy Render plugin's [`renderContent` filter](https://github.com/11ty/eleventy/issues/3370)\n instead:\n\n ```diff\n {% set string = \"**Hi!** %}\n - {% renderString string, 'md' %}\n + {{ string | renderContent('md') | safe }}\n ```\n\n- **BREAKING:** The [Eleventy WebC plugin](https://www.11ty.dev/docs/languages/webc/) is no longer included. If your\n project uses WebC, please follow the [installation instructions](https://www.11ty.dev/docs/languages/webc/#installation)\n to add the plugin.\n\n- **BREAKING:** Sass support is no longer included. If your project uses Sass, please install [`eleventy-plugin-fluid-sass`](https://npmjs.com/packages/eleventy-plugin-fluid-sass).\n\n## Development\n\n### Releasing\n\nThis package uses [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/), enforced with\n[commitlint](https://commitlint.js.org/). This facilitates releasing new versions of the package via [Release Please](https://github.com/googleapis/release-please).\nTo cut a release, merge the current [release pull request](https://github.com/google-github-actions/release-please-action#whats-a-release-pr).\n\nThis will tag an appropriate [semantic version](https://semver.org) based on the nature of the recent commits to the\nproject and update [the changelog](CHANGELOG.md).\n\nYou will then need to publish the updated version to the [npm registry](http://npmjs.com). This requires an npm account\nwith appropriate maintainer permissions. To publish the package, run:\n\n```bash\nnpm publish\n```\n\nFor more information on publishing to npm, see the [npm publish documentation](https://docs.npmjs.com/cli/publish).\n\n## Third Party Software in `eleventy-plugin-fluid`\n\n`eleventy-plugin-fluid` is based on other publicly available software, categorized by license:\n\n### ISC License\n\n- [eleventy-plugin-lightningcss](https://github.com/5t3ph/eleventy-plugin-lightningcss)\n\n### MIT License\n\n- [deepMerge.js](https://vanillajstoolkit.com/helpers/deepmerge/)\n","readmeFilename":"README.md"}\n \n
\n \n \n \n
\n