Fix 404 error (#1549)

* Fix 404 error

* Remove bad import

* oops

---------

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: Sarah Gerrard <gerrardsarah@gmail.com>

Author: 3 people

osmium/src/mdx-components.tsx

@@ -15,6 +15,7 @@ import { Tabs, TabList, TabPanel, Tab } from "./ui/tabs";
 
 export { Callout } from "./ui/callout";
 export { QuickLinks } from "./ui/quick-links";
+export { ImageLink } from "./ui/image-link";
 
 const EraserLinkImpl = clientOnly(() => import("./ui/eraser-link"));
 

src/components/ImageLink.tsx osmium/src/ui/image-link.tsxsrc/components/ImageLink.tsx renamed to osmium/src/ui/image-link.tsx

@@ -24,13 +24,13 @@ export const logos: { [key: string]: { file: string; style?: string } } = {
 	uno: { file: "uno.svg" },
 };
 
-export type ImageLinksProps = {
+export type ImageLinkProps = {
 	title: string;
 	logo: keyof typeof logos;
 	href: string;
 };
 
-export const ImageLink: ParentComponent<ImageLinksProps> = (props) => {
+export const ImageLink: ParentComponent<ImageLinkProps> = (props) => {
 	const locale = useLocale();
 
 	const logoImage = untrack(() => props.logo);

src/routes/(2)guides/(0)styling-your-components.mdx

@@ -25,8 +25,8 @@ Solid also supports a range of styling methods - from traditional CSS preprocess
 
 <div class="flex flex-col md:grid md:grid-cols-2 md:grid-rows-1  gap-3">
 
-<ImageLinks title="SASS" href="/guides/styling-components/sass" logo="sass" />
-<ImageLinks title="LESS" href="/guides/styling-components/less" logo="less" />
+<ImageLink title="SASS" href="/guides/styling-components/sass" logo="sass" />
+<ImageLink title="LESS" href="/guides/styling-components/less" logo="less" />
 
 </div>
 
@@ -35,7 +35,7 @@ LESS
 
 ## CSS modules
 
-<ImageLinks
+<ImageLink
 	title="CSS Modules"
 	href="/guides/styling-components/css-modules"
 	logo="cssmodules"
@@ -56,7 +56,7 @@ Many also offer features like theming, media queries, and server-side rendering
 
 ### Macaron
 
-<ImageLinks
+<ImageLink
 	title="Macaron"
 	href="/guides/styling-components/macaron"
 	logo="macaron"
@@ -67,11 +67,11 @@ CSS frameworks provide pre-styled components and utility classes to speed up dev
 
 <div class="flex flex-col md:grid md:grid-cols-2 md:grid-rows-1  gap-3">
 
-<ImageLinks
+<ImageLink
 	title="Tailwind CSS"
 	href="/guides/styling-components/tailwind"
 	logo="tailwind"
 />
-<ImageLinks title="UnoCSS" href="/guides/styling-components/uno" logo="uno" />
+<ImageLink title="UnoCSS" href="/guides/styling-components/uno" logo="uno" />
 
 </div>

src/routes/(2)guides/(6)deploying-your-app.mdx

@@ -15,8 +15,6 @@ description: >-
   Cloudflare, Vercel, Netlify, AWS, and more with guides.
 ---
 
-import { ImageLink } from "~/components/ImageLink";
-
 Are you ready to deploy your Solid application? Follow our guides for different deployment services.
 
 <div class="flex flex-col md:grid md:grid-cols-4 md:grid-rows-2  gap-3">

src/routes/reference/jsx-attributes/classlist.mdx

@@ -14,7 +14,7 @@ description: >-
   Toggle element classes from an object of class names and boolean values.
 ---
 
-:::warning
+:::caution
 `className` was deprecated in Solid 1.4 in favor of `class`.
 :::