11ty Issue 3133

.eleventy.js

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

module.exports = (eleventyConfig) => {
  eleventyConfig.addPlugin(pluginWebc);
  eleventyConfig.addJavaScriptFunction("sRef", async () => {
    try {
      const response = await fetch(`https://swapi.dev/api/people/1`);
      if (!response.ok) {
        throw new Error(`Error fetching data: ${response.statusText}`);
      }
      const data = await response.json();
      return data.name;
    } catch (error) {
      console.error(`Error fetching data from Sanity: ${error.message}`);
      return null;
    }
  });
};

index.webc

<code @text="sRef()"></code>

package.json

{
  "name": "issue-3133",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@11ty/eleventy": "^2.0.1",
    "@11ty/eleventy-plugin-webc": "^0.11.2"
  }
}