refactor: change how images are imported in markdown

src/content/docs/blog/2023-7-4.md

@@ -16,26 +16,20 @@ And here we are!
 
 # Who did our new branding?
 
-import { Image } from 'astro:assets';
-import paperPrototypes from '~/assets/blog/paper-prototypes.jpg';
-import paperLogo from '~/assets/blog/paper-logo.png';
-import serenTried from '~/assets/blog/seren-tried.png';
-import sernLogo from '~/assets/logo/sern-logo.png';
-
-[Ropox](https://github.com/Murtatrxx)!  
+[Ropox](https://github.com/Murtatrxx)!
 
 Bro's the GOAT. This website is maintained by him, the domain costs are funded by him and also he started brainstorming how the logo would be on paper:  
-<Image src={paperPrototypes} alt="paper prototypes" />
+![paper prototypes](~/assets/blog/paper-prototypes.jpg)
 
 And there it all clicked:  
-<Image src={paperLogo} alt="paper logo" />
+![paper logo](~/assets/blog/paper-logo.png)
 
 seren tried by the way!
-<Image src={serenTried} alt="seren tried" />
+![seren tried](~/assets/blog/seren-tried.png)
 
 # Anyways, here it is:
 
-<Image src={sernLogo} alt="sern logo" />
+![sern logo](~/assets/logo/sern-logo.png)
 
 Pretty nice!
 

src/content/docs/cli/publish.md

@@ -34,10 +34,7 @@ If you do not know how to obtain either of these credentials, [click here](https
 
 ## Usage
 
-import { Image } from 'astro:assets';
-import sernPublish from '~/assets/docs/sern-publish.gif';
-
-<Image src={sernPublish} alt="usage" />
+![usage](~/assets/docs/sern-publish.gif)
 
 ## Features
 
@@ -96,7 +93,7 @@ This will create a container for publishing. (as of 0.6.0, client is required or
 
 #### Script ran:
 
-```
+```sh
 sern commands publish -i ./scripts/prerequire.mjs
 ```
 

src/content/docs/guide/walkthrough/conclusion.md

@@ -10,7 +10,4 @@ We hope you have learned the necessities you need to create a bot with the sern
 
 If you have any other questions, bugs, feature requests, concerns, please join our [community server](https://sern.dev/discord), and we'll be glad to answer your questions!
 
-import { Image } from 'astro:assets';
-import paperLogo from '~/assets/blog/paper-logo.png';
-
-<Image src={paperLogo} alt="paper logo" />
+![paper logo](~/assets/blog/paper-logo.png)

src/content/docs/guide/walkthrough/plugins.mdx

@@ -93,10 +93,7 @@ The plugin above simply checks if the module is in the correct directory. If it'
 
 ## Event Plugins
 
-import { Image } from 'astro:assets';
-import eventPlugins from '~/assets/docs/event-plugins.png';
-
-<Image src={eventPlugins} alt="control plugins" />
+![control plugins](~/assets/docs/event-plugins.png)
 
 <Steps>
 1. An event is emitted by `discord.js`.