WebC components are just HTML.

$ npm install @11ty/eleventy-plugin-webc

To add support for .webc files in Eleventy, add the plugin in your Eleventy configuration file:

const pluginWebc = require("@11ty/eleventy-plugin-webc");

module.exports = function (eleventyConfig) {

Syntax highlighting

Because WebC is HTML you can configure your editor to treat .webc files as HTML, this should correctly syntax highlight your WebC files. Your editor of choice should have some documentation on how to get this working.