All astro Files in folder to a single Astro File.

[misty shard]

Yep! For example you can use Astro.glob('Games/*.astro') to import all Astro files from that folder
https://docs.astro.build/en/reference/api-reference/#astroglob

[cinder zephyr]

and if you would rather use import declarations, you can create an index file

[plush gull]

Can you give me the whole thing like what to type. I'm new to development , I just started doing javascript too. So the only main things I know is currently HTML and CSS. And I'm also having hard time reading that. Sorry. I would appreciate if u would. Or if there is a video.

[misty shard]

So you'd do something like

---
const components = await Astro.glob('Games/*.astro')
---

and components would be a list of the imported Astro components

[plush gull]

meaning if i use Collective tag somewhere if will contain all of those components.

[misty shard]

what do you mean by Collective?

[plush gull]

by collective i mean the astro file into which all of the components are being added.

in image it's CollectiveGames.astro

[misty shard]

ah yeah

as long as you use components in that component e.g.

---
const Components = await Astro.glob('Games/*.astro')
---

<Components/>

or something like that

[plush gull]

ok. leme give it a try.

this is a single component itself. That's what's inside

[sudden idol]

You need to loop through the components array

---
const components = await Astro.glob('Games/*.astro')
---

{
component.map((component)=> <component.default />)
}