docs: remove export const components (skeletonlabs#3854)

Author: Hugos68

.github/instructions/sites/skeleton-dev.instructions.md

@@ -82,35 +82,23 @@ stability: 'stable' # Optional: 'alpha', 'beta', or 'stable' (default)
 
 ```mdx
 ---
-layout: '@layouts/LayoutDoc.astro'
+layout: '@/layouts/LayoutDoc.astro'
 ---
 ```
 
-### Required Exports
-
-Must include this line at the top after frontmatter:
-
-```mdx
-export const components = componentSet;
-
-;
-```
-
-This enables custom MDX component overrides (styled headings, links, tables, etc.).
-
 ### Import Pattern
 
 Import examples and their raw source code in **alphabetical order by feature name**:
 
 ```mdx
-import Default from '@examples/components/avatar/react/default.tsx';
-import DefaultRaw from '@examples/components/avatar/react/default.tsx?raw';
+import Default from '@/examples/components/avatar/react/default.tsx';
+import DefaultRaw from '@/examples/components/avatar/react/default.tsx?raw';
 
-import Fallback from '@examples/components/avatar/react/fallback.tsx';
-import FallbackRaw from '@examples/components/avatar/react/fallback.tsx?raw';
+import Fallback from '@/examples/components/avatar/react/fallback.tsx';
+import FallbackRaw from '@/examples/components/avatar/react/fallback.tsx?raw';
 
-import Filter from '@examples/components/avatar/react/filter.tsx';
-import FilterRaw from '@examples/components/avatar/react/filter.tsx?raw';
+import Filter from '@/examples/components/avatar/react/filter.tsx';
+import FilterRaw from '@/examples/components/avatar/react/filter.tsx?raw';
 
 ;
 ```
@@ -354,13 +342,11 @@ The generation script is in `scripts/generate-type-documentation/`.
 
 ```mdx
 ---
-layout: '@layouts/LayoutDoc.astro'
+layout: '@/layouts/LayoutDoc.astro'
 ---
 
-export const components = componentSet;
-
-import Default from '@examples/components/example/react/default.tsx';
-import DefaultRaw from '@examples/components/example/react/default.tsx?raw';
+import Default from '@/examples/components/example/react/default.tsx';
+import DefaultRaw from '@/examples/components/example/react/default.tsx?raw';
 
 <Preview client:load>
 	<Fragment slot="preview">
@@ -379,11 +365,11 @@ import DefaultRaw from '@examples/components/example/react/default.tsx?raw';
 ### Multiple Examples Pattern
 
 ```mdx
-import Default from '@examples/components/example/react/default.tsx';
-import DefaultRaw from '@examples/components/example/react/default.tsx?raw';
+import Default from '@/examples/components/example/react/default.tsx';
+import DefaultRaw from '@/examples/components/example/react/default.tsx?raw';
 
-import Advanced from '@examples/components/example/react/advanced.tsx';
-import AdvancedRaw from '@examples/components/example/react/advanced.tsx?raw';
+import Advanced from '@/examples/components/example/react/advanced.tsx';
+import AdvancedRaw from '@/examples/components/example/react/advanced.tsx?raw';
 
 <Preview client:load>
 	<Fragment slot="preview">
@@ -466,7 +452,6 @@ Before submitting documentation:
 
 ## Common Mistakes to Avoid
 
-- Forgetting `export const components = componentSet;` at the top
 - Incorrect import paths (use `@examples/` alias)
 - Missing `.tsx` or `.svelte` extensions in imports
 - Not using `?raw` suffix for source code imports

sites/skeleton.dev/astro.config.js

@@ -43,21 +43,19 @@ export default defineConfig({
 		// https://github.com/delucis/astro-auto-import/tree/main/packages/astro-auto-import
 		AutoImport({
 			imports: [
-				// import ApiTable from '@components/docs/ApiTable.astro';
-				'@components/docs/ApiTable.astro',
-				// import Anatomy from '@components/docs/Anatomy.astro';
-				'@components/docs/Anatomy.astro',
+				// import ApiTable from '@/components/docs/ApiTable.astro';
+				'@/components/docs/ApiTable.astro',
+				// import Anatomy from '@/components/docs/Anatomy.astro';
+				'@/components/docs/Anatomy.astro',
 				{
-					// import componentSet from "@components/mdx/index";
-					'@components/mdx/index': [['default', 'componentSet']],
 					// import { Icon } from 'astro-icon/components';
 					'astro-icon/components': ['Icon'],
 					// import { Code } from 'astro-expressive-code/components';
 					'astro-expressive-code/components': ['Code'],
-					// import { Preview } from '@components/docs/Preview.tsx';
-					'@components/docs/Preview.tsx': ['Preview'],
-					// import { FrameworkTabs } from '@components/docs/FrameworkTabs';
-					'@components/docs/FrameworkTabs.tsx': ['FrameworkTabs'],
+					// import { Preview } from '@/components/docs/Preview.tsx';
+					'@/components/docs/Preview.tsx': ['Preview'],
+					// import { FrameworkTabs } from '@/components/docs/FrameworkTabs';
+					'@/components/docs/FrameworkTabs.tsx': ['FrameworkTabs'],
 				},
 			],
 		}),

sites/skeleton.dev/scripts/generate-type-documentation/index.ts

@@ -1,5 +1,4 @@
-// oxlint-disable-next-line no-unused-vars
-import { MONOREPO_DIRECTORY, PACKAGE_DIRECTORY, SITE_DIRECTORY } from './constants';
+import { PACKAGE_DIRECTORY, SITE_DIRECTORY } from './constants';
 import { Parser } from './parser';
 import { kebabToCamel, kebabToPascal } from './string-utils';
 import { mkdir, readFile, rm, writeFile } from 'node:fs/promises';

sites/skeleton.dev/src/components/docs/Header.astro

@@ -1,9 +1,9 @@
 ---
 // Stores
 // Components
-import Drawer from '@components/docs/Drawer.astro';
-import LightSwitch from '@components/docs/LightSwitch.svelte';
-import Navigation from '@components/docs/Navigation.astro';
+import Drawer from '@/components/docs/Drawer.astro';
+import LightSwitch from '@/components/docs/LightSwitch.svelte';
+import Navigation from '@/components/docs/Navigation.astro';
 // Icons
 import { Icon } from 'astro-icon/components';
 import { socialLinks } from 'src/stores/social-links';