Skip to content

Its-Just-Nans/plugin-astro-content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

plugin-astro-content is an Astro.glob() alternative

Topics

Resources

License

Stars

Watchers

Forks

Contributors