fixed the external link icon

vyuh-tech · Oct 9, 2024 · 490bb46 · 490bb46
1 parent e282a87
commit 490bb46
Show file tree

Hide file tree

Showing 6 changed files with 736 additions and 357 deletions.
diff --git a/astro.config.ts b/astro.config.ts
@@ -10,6 +10,8 @@ import tailwind from '@astrojs/tailwind'
 import { sidebar } from './sidebar.ts'
 import rehypeExternalLinks from 'rehype-external-links'
 
+import icon from 'astro-icon';
+
 console.log(import.meta.env.DEV)
 
 // https://astro.build/config
@@ -26,71 +28,67 @@ export default defineConfig({
       ],
     ],
   },
-  integrations: [
-    starlight({
-      title: 'Docs',
-      description:
-        'A framework to build Modular, CMS-driven Flutter Apps. At Scale.',
-      tagline:
-        'A framework to build Modular, CMS-driven Flutter Apps. At Scale.',
-      logo: {
-        light: './src/assets/logo-light.png',
-        dark: './src/assets/logo-dark.png',
-      },
-      social: {
-        github: 'https://github.com/vyuh-tech/vyuh',
-        'x.com': 'https://x.com/vyuh_tech',
-        discord: 'https://discord.gg/b49sbjqszG',
-        youtube: 'https://youtube.com/@vyuh_tech',
-      },
-      // Add Open Graph images.
-      head: [
-        {
-          tag: 'meta',
-          attrs: {
-            property: 'og:image',
-            // The absolute URL of the image to use.
-            content: 'https://docs.vyuh.tech/social-card.png',
-          },
-        },
-        {
-          tag: 'meta',
-          attrs: {
-            property: 'og:site_name',
-            // The absolute URL of the image to use.
-            content: 'Docs for the Vyuh Framework',
-          },
+  integrations: [starlight({
+    title: 'Docs',
+    description:
+      'A framework to build Modular, CMS-driven Flutter Apps. At Scale.',
+    tagline:
+      'A framework to build Modular, CMS-driven Flutter Apps. At Scale.',
+    logo: {
+      light: './src/assets/logo-light.png',
+      dark: './src/assets/logo-dark.png',
+    },
+    social: {
+      github: 'https://github.com/vyuh-tech/vyuh',
+      'x.com': 'https://x.com/vyuh_tech',
+      discord: 'https://discord.gg/b49sbjqszG',
+      youtube: 'https://youtube.com/@vyuh_tech',
+    },
+    // Add Open Graph images.
+    head: [
+      {
+        tag: 'meta',
+        attrs: {
+          property: 'og:image',
+          // The absolute URL of the image to use.
+          content: 'https://docs.vyuh.tech/social-card.png',
         },
-        {
-          tag: 'meta',
-          attrs: {
-            property: 'twitter:image',
-            // The absolute URL of the image to use.
-            content: 'https://docs.vyuh.tech/social-card.png',
-          },
-        },
-      ],
-      components: {
-        Head: './src/components/starlight/Head.astro',
-        SocialIcons: './src/components/starlight/SocialIcons.astro',
-        Footer: './src/components/starlight/Footer.astro',
-        SkipLink: './src/components/starlight/SkipLink.astro',
       },
-      customCss: ['./src/tailwind.css'],
-      sidebar,
-      expressiveCode: {
-        // @ts-ignore
-        plugins: [pluginLineNumbers()],
+      {
+        tag: 'meta',
+        attrs: {
+          property: 'og:site_name',
+          // The absolute URL of the image to use.
+          content: 'Docs for the Vyuh Framework',
+        },
       },
-      plugins: [starlightLinksValidator()],
-      editLink: {
-        baseUrl: 'https://github.com/vyuh-tech/docs/edit/main/',
+      {
+        tag: 'meta',
+        attrs: {
+          property: 'twitter:image',
+          // The absolute URL of the image to use.
+          content: 'https://docs.vyuh.tech/social-card.png',
+        },
       },
-      lastUpdated: true,
-    }),
-    react(),
-    tailwind({
-      applyBaseStyles: false,
-    }),
-  ],
-})
+    ],
+    components: {
+      Head: './src/components/starlight/Head.astro',
+      SocialIcons: './src/components/starlight/SocialIcons.astro',
+      Footer: './src/components/starlight/Footer.astro',
+      SkipLink: './src/components/starlight/SkipLink.astro',
+    },
+    customCss: ['./src/tailwind.css'],
+    sidebar,
+    expressiveCode: {
+      // @ts-ignore
+      plugins: [pluginLineNumbers()],
+    },
+    plugins: [starlightLinksValidator()],
+    editLink: {
+      baseUrl: 'https://github.com/vyuh-tech/docs/edit/main/',
+    },
+    lastUpdated: true,
+  }), react(), tailwind({
+    applyBaseStyles: false,
+  }), icon()],
+})
diff --git a/package.json b/package.json
@@ -12,25 +12,27 @@
     "deploy": "firebase deploy --only hosting"
   },
   "dependencies": {
-    "@astrojs/check": "^0.9.3",
+    "@astrojs/check": "^0.9.4",
     "@astrojs/react": "^3.6.2",
-    "@astrojs/starlight": "^0.28.2",
+    "@astrojs/starlight": "^0.28.3",
     "@astrojs/starlight-tailwind": "^2.0.3",
     "@astrojs/tailwind": "^5.1.1",
     "@expressive-code/plugin-line-numbers": "^0.37.0",
+    "@iconify-json/mdi": "^1.2.1",
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.0",
-    "astro": "^4.15.10",
-    "astro-embed": "^0.7.2",
-    "firebase-tools": "^13.20.2",
+    "astro": "^4.15.12",
+    "astro-embed": "^0.7.4",
+    "astro-icon": "^1.1.1",
+    "firebase-tools": "^13.22.0",
     "prettier": "^3.3.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rehype-external-links": "^3.0.0",
     "sharp": "^0.32.6",
-    "starlight-links-validator": "^0.12.2",
+    "starlight-links-validator": "^0.12.3",
     "starlight-showcases": "^0.2.0",
     "tailwindcss": "^3.4.13",
-    "typescript": "^5.6.2"
+    "typescript": "^5.6.3"
   }
 }