Merge branch 'starlight' of https://github.com/filamentphp/filamentphp.com into starlight

Author: danharrin

astro.config.mjs

@@ -30,6 +30,9 @@ export default defineConfig({
             ],
             customCss: ['./docs/tailwind.css'],
         }),
-        tailwind({ applyBaseStyles: false, configFile: './docs/tailwind.config.mjs' }),
+        tailwind({
+            applyBaseStyles: false,
+            configFile: './docs/tailwind.config.mjs',
+        }),
     ],
 })

docs/content/docs/index.mdx

@@ -3,44 +3,56 @@ title: Welcome to Starlight
 description: Get started building your docs site with Starlight.
 template: splash
 hero:
-  title: |
-    Welcome to Starlight with
-    <span
-      class="font-black text-transparent
-        bg-clip-text bg-gradient-to-b
-        from-accent-700 to-accent-400
-        dark:from-accent-500 dark:to-accent-200"
-    >
-      Tailwind
-    </span>
-  tagline: Congrats on setting up a new Starlight project!
-  image:
-    file: ../../assets/houston.webp
-  actions:
-    - text: Example Guide
-      link: /docs/guides/example/
-      icon: right-arrow
-    - text: Read the Starlight docs
-      link: https://starlight.astro.build
-      icon: external
-      variant: minimal
+    title: |
+        Welcome to Starlight with
+        <span
+          class="font-black text-transparent
+            bg-clip-text bg-gradient-to-b
+            from-accent-700 to-accent-400
+            dark:from-accent-500 dark:to-accent-200"
+        >
+          Tailwind
+        </span>
+    tagline: Congrats on setting up a new Starlight project!
+    image:
+        file: ../../assets/houston.webp
+    actions:
+        - text: Example Guide
+          link: /docs/guides/example/
+          icon: right-arrow
+        - text: Read the Starlight docs
+          link: https://starlight.astro.build
+          icon: external
+          variant: minimal
 ---
 
-import { Card, CardGrid } from '@astrojs/starlight/components';
+import { Card, CardGrid } from '@astrojs/starlight/components'
 
 ## Next steps
 
 <CardGrid stagger>
-	<Card title="Update content" icon="pencil">
-		Edit `src/content/docs/index.mdx` to see this page change.
-	</Card>
-	<Card title="Add new content" icon="add-document">
-		Add Markdown or MDX files to `src/content/docs` to create new pages.
-	</Card>
-	<Card title="Configure your site" icon="setting">
-		Edit your `sidebar` and other config in `astro.config.mjs`.
-	</Card>
-	<Card title="Read the docs" icon="open-book">
-		Learn more in [the Starlight Docs](https://starlight.astro.build/).
-	</Card>
+    <Card
+        title="Update content"
+        icon="pencil"
+    >
+        Edit `src/content/docs/index.mdx` to see this page change.
+    </Card>
+    <Card
+        title="Add new content"
+        icon="add-document"
+    >
+        Add Markdown or MDX files to `src/content/docs` to create new pages.
+    </Card>
+    <Card
+        title="Configure your site"
+        icon="setting"
+    >
+        Edit your `sidebar` and other config in `astro.config.mjs`.
+    </Card>
+    <Card
+        title="Read the docs"
+        icon="open-book"
+    >
+        Learn more in [the Starlight Docs](https://starlight.astro.build/).
+    </Card>
 </CardGrid>

docs/tailwind.config.mjs

@@ -1,18 +1,18 @@
-import colors from 'tailwindcss/colors';
-import starlightPlugin from '@astrojs/starlight-tailwind';
+import colors from 'tailwindcss/colors'
+import starlightPlugin from '@astrojs/starlight-tailwind'
 
 /** @type {import('tailwindcss').Config} */
 export default {
-	content: ['./docs/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
-	theme: {
-		extend: {
-			colors: {
-				// Your preferred accent color. Indigo is closest to Starlight’s defaults.
-				accent: colors.amber,
-				// Your preferred gray scale. Zinc is closest to Starlight’s defaults.
-				gray: colors.zinc,
-			},
-		},
-	},
-	plugins: [starlightPlugin()],
-};
+    content: ['./docs/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
+    theme: {
+        extend: {
+            colors: {
+                // Your preferred accent color. Indigo is closest to Starlight’s defaults.
+                accent: colors.amber,
+                // Your preferred gray scale. Zinc is closest to Starlight’s defaults.
+                gray: colors.zinc,
+            },
+        },
+    },
+    plugins: [starlightPlugin()],
+}

old-docs/src/navigation.json

@@ -1,5 +1,5 @@
 {
-  "extends": "astro/tsconfigs/strict",
-  "include": [".astro/types.d.ts", "**/*"],
-  "exclude": ["dist"]
+    "extends": "astro/tsconfigs/strict",
+    "include": [".astro/types.d.ts", "**/*"],
+    "exclude": ["dist"]
 }

tsconfig.json

@@ -4,10 +4,7 @@ import laravel from 'laravel-vite-plugin'
 export default defineConfig({
     css: {
         postcss: {
-            plugins: [
-                require('tailwindcss')(),
-                require('autoprefixer')(),
-            ],
+            plugins: [require('tailwindcss')(), require('autoprefixer')()],
         },
     },
     plugins: [