Fix TypeScript errors in code snippets of imports reference

[ArmandPhilippot]

Description (required)

Updates our Imports reference to:

• Fix TypeScript errors
  • // comments are invalid in the template part, we need HTML or JSX comments (No one will probably copy/paste those, but we should show valid syntax)
  • CSS Modules: this is not a valid JSX example (return comes from nowhere), and this works too in an Astro file. So, converting the code snippet seems the easiest way.
  • Other Assets: <Image /> is not available in UI frameworks, so the code snippet should use an .astro file, and not jsx.
  • import.meta.glob: TypeScript complains about post., we need any + formatting
  • import.meta.glob: in the second snippet, TypeScript complains about component. Since we have a public type, I used it instead of any. I also converted the comment to a JSX one because the formatter wants to put the opening brace on the same line as the comment: -->{
  • Supported Values: we need two any to prevent TypeScript errors on post.* and myFeaturedPost.* + formatting
• Use a consistent sentence case for headings (the only exception I haven't updated is "CSS Modules" because it seems this is the correct casing: https://github.com/css-modules/css-modules/tree/master)

References

• Related to Fix TypeScript errors in "Configuration" & "Routing and navigation" code snippets #14089

[astrobot-houston]

Lunaria Status Overview

🌕 This pull request will trigger status changes.

Learn more

By default, every PR changing files present in the Lunaria configuration's files property will be considered and trigger status changes accordingly.

You can change this by adding one of the keywords present in the ignoreKeywords property in your Lunaria configuration file in the PR's title (ignoring all files) or by including a tracker directive in the merged commit's description.

Tracked Files

File	Note
en/guides/imports.mdx	Source changed, localizations will be marked as outdated.

Warnings reference

Icon	Description
🔄️	The source for this localization has been updated since the creation of this pull request, make sure all changes in the source have been applied.

[github-actions]

Preview deployment

✅ Deployment complete!

• Latest commit: 5bc6475
• Preview: https://armand-fix-imports-reference-snippets.previews.docs.astro.build
• Workflow run: View logs