Import Svelte Component

[JP-Ellis]

I am using a custom Remark plugin to wrap code into Skeleton's CodeBlock:

/** @type {import('unified').Plugin<[Options?], Root>} */
function remarkSkeletonCode() {
  return function transformer(tree) {
    visit(tree, "code", (node) => {
      node.type = "raw";
      node.value = `<CodeBlock language="${node.lang}" code={\`${escapeSvelte(
        node.value
      )}\`} />`;
    });
  };
}

So far, it appears to work great, except for the need to manually add:

<script lang="ts">
  import { CodeBlock } from "@skeletonlabs/skeleton";
</script>

in the header of the Markdown file.

Is it possible to adjust the Remark plugin to automatically add the necessary import of CodeBlock? (Or some other alternative perhaps?)