build(deps-dev): bump @11ty/eleventy from 2.0.1 to 3.0.0 (#788)

* build(deps-dev): bump @11ty/eleventy from 2.0.1 to 3.0.0

Bumps [@11ty/eleventy](https://github.com/11ty/eleventy) from 2.0.1 to 3.0.0.
- [Release notes](https://github.com/11ty/eleventy/releases)
- [Changelog](https://github.com/11ty/eleventy/blob/main/docs/release-instructions.md)
- [Commits](11ty/eleventy@v2.0.1...v3.0.0)

---
updated-dependencies:
- dependency-name: "@11ty/eleventy"
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>

* Fix docs build

* Remove outdated config

* Dedupe

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Nathan Sarang-Walters <[email protected]>

.config/eleventy.cjs → .config/eleventy.js

@@ -1,6 +1,9 @@
+import { IdAttributePlugin } from "@11ty/eleventy";
+import syntaxHighlight from '@11ty/eleventy-plugin-syntaxhighlight';
+import markdownIt from 'markdown-it';
+import csp_plugin from './eleventy.csp.cjs';
 
-
-module.exports = function(eleventyConfig) {
+export default function(eleventyConfig) {
 	// Aliases are in relation to the _includes folder
 	eleventyConfig.addLayoutAlias('about', 'layouts/about.html');
 	eleventyConfig.addPassthroughCopy({'doc_src/css':'css'});
@@ -10,7 +13,6 @@ module.exports = function(eleventyConfig) {
 	eleventyConfig.addPassthroughCopy({'dist/esm':'esm'});
 
 	// content security policy
-	const csp_plugin = require('./eleventy.csp.cjs');
 	eleventyConfig.addPlugin(csp_plugin,{
 		csp:{
 			'default-src':		["'self'"],
@@ -23,23 +25,9 @@ module.exports = function(eleventyConfig) {
 	});
 
 	// header anchors
-	const anchors_plugin = require('@orchidjs/eleventy-plugin-ids');
-	eleventyConfig.addPlugin(anchors_plugin,{
-		prefix:'',
-		selectors:[
-			'.container h1',
-			'.container h2',
-			'.container h3',
-			'.container h4',
-			'.container h5',
-			'.container h6',
-			'.container td:first-child',
-		]
-	});
-
+	eleventyConfig.addPlugin(IdAttributePlugin);
 
 	// syntax highlighting
-	const syntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
 	eleventyConfig.addPlugin(syntaxHighlight);
 
 	function GlobCollection(name, glob){
@@ -81,8 +69,7 @@ module.exports = function(eleventyConfig) {
 
 
 
-	let markdownIt = require('markdown-it');
-	md = markdownIt({
+	const md = markdownIt({
 		html: true,
 		breaks: false,
 		//linkify: true

Gruntfile.cjs

@@ -310,7 +310,7 @@ module.exports = function(grunt) {
 		// generate /build-docs
 		shell: {
 			builddocs: {
-				command: 'npx @11ty/eleventy --config=.config/eleventy.cjs',
+				command: 'npx @11ty/eleventy --config=.config/eleventy.js',
 			},
 			rollupdocs: {
 				command: 'npx rollup -c .config/rollup.docs.mjs',

doc_src/pages/examples/styling.njk

@@ -213,4 +213,4 @@ new TomSelect('#input-group-first',{create:true});
 {% endset %}
 </script>
 
-{{ demo_col('input-group', left_col, html, script) }}
+{{ demo_col('input-group-first', left_col, html, script) }}