watching .webc components rendered in a nunjucks template

[w0whitaker]

If I have an .njk template that renders a .webc component, changes made to the component do not get updated without restarting the dev server. Is it possible to make that happen?

what happens:

<!-- index.njk-->
{% renderTemplate "webc" %}
<my-component></my-component>
{% endrenderTemplate %}

<!-- ./src/_components/my-component.webc -->
<p>my geode must be acknowledged!</p>

This renders as expected. But if I change the component to:

<!-- ./src/_components/my-component.webc -->
<p>ah, the gentle caress of a summer breeze</p>

Eleventy recognizes that the file has changed:

[11ty] File changed: src/_components/my-component.webc

then this:

Eleventy:DeleteRequireCache Deleting '/blah/src/_components/my-component.webc' from `require` cache. +0ms

and a litte later:

Eleventy:TemplateContent Test dependencies to see if './src/index.njk' is relevant to './src/_components/my-component.webc': false +0ms

Does this mean I need to register my-component.webc as a dependency of ./src/index.njk? I see in the docs that dependency mapping for Nunjucks is "Unlikely due to Nunjucks API limitations."

I'm not really sure, but it sounds like restarting the dev starter is the only way to update what gets rendered. Is that true?

---

my setup

// eleventy.config.js

const EleventyVitePlugin = require('@11ty/eleventy-plugin-vite');
const pluginWebc = require('@11ty/eleventy-plugin-webc');
const { EleventyRenderPlugin } = require('@11ty/eleventy');

// truncated stuff...

module.exports = function (eleventyConfig) {
  // Plugins
  eleventyConfig.addPlugin(EleventyVitePlugin, {});
  eleventyConfig.addPlugin(pluginWebc, {
    components: './src/_components/**/*.webc',
  });
  eleventyConfig.addPlugin(EleventyRenderPlugin);

	return {
			dir: {
				data: '_data',
				input: 'src',
				includes: '_includes',
				layouts: '_includes/layouts',
				output: '_site',
			},
			passthroughFileCopy: true,
			templateFormats: ['html', 'njk', 'md'],
			htmlTemplateEngine: 'njk',
		};
	};

package.json :

"scripts": {
    "dev:eleventy": "npx @11ty/eleventy --serve --incremental --watch",
  },

Thanks in advance!