plugin-astro-content
TypeScript icon, indicating that this package has built-in type declarations

1.0.5 • Public • Published

plugin-astro-content npm link npm downloads

Glob import in astrojs ! See demo https://its-just-nans.github.io/plugin-astro-content/

Usage

There are two possible usage for this plugin:

  • at compile time
  • at runtime

Usage at compile time

Add to your astro.config.mjs:

import Content from "plugin-astro-content";

export default defineConfig({
    vite: {
        plugins: [
            Content({ objectMode: true }) // change options here
        ],
    },
});

Then in your astro file:

---
import { ContentLoader } from "plugin-astro-content";

const ContentLoaderValue = ContentLoader("../*"); // act mostly like import.meta.glob("../*")
---

<div>{ContentLoaderValue}</div>

Usage at runtime

In this case (no need to change the config)

---
import { ContentLoaderRuntime } from "plugin-astro-content";

const dynamic = "../*";
const ContentLoaderRuntimeValue = await ContentLoaderRuntime(dynamic);


// with dynamic options
const ContentLoaderRuntimeValueWithOptions = await ContentLoaderRuntime(dynamic, { objectMode: true });
---

<div>{ContentLoaderRuntimeValue}</div>
<div>{ContentLoaderRuntimeValueWithOptions}</div>

License

Licensed under the MIT License - LICENSE

Package Sidebar

Install

npm i plugin-astro-content

Weekly Downloads

91

Version

1.0.5

License

MIT

Unpacked Size

5.52 kB

Total Files

6

Last publish

Collaborators

  • n4n5