🧑‍💻 Unify Menu link url naming with Footer component

Author: Frontendland

src/components/Menu/Menu.astro

@@ -56,7 +56,7 @@ const wrapMenu = (logo?.url || logo?.html) && items?.length && Astro.slots.has('
                     {items.map(item => (
                         <li>
                             <a
-                                href={item.url}
+                                href={item.href}
                                 target={item.target}
                                 class:list={[item.active && styles.active]}
                             >

src/components/Menu/Menu.svelte

@@ -55,7 +55,7 @@
                     {#each items as item}
                         <li>
                             <a
-                                href={item.url}
+                                href={item.href}
                                 target={item.target}
                                 class={item.active ? styles.active : null}
                             >

src/components/Menu/Menu.tsx

@@ -67,7 +67,7 @@ const Menu = ({
                             {items.map((item, index) => (
                                 <li key={index}>
                                     <a
-                                        href={item.url}
+                                        href={item.href}
                                         target={item.target}
                                         className={item.active ? styles.active : undefined}
                                     >

src/components/Menu/menu.ts

@@ -1,6 +1,6 @@
 export type MenuProps = {
     items?: {
-        url: string
+        href: string
         name: string
         target?: string
         active?: boolean

src/data.js

@@ -74,8 +74,8 @@ export const overflowTabs = Array(10).fill({
 }))
 
 export const menu = [
-    { name: 'Home', url: '/' },
-    { name: 'Docs', url: '/docs' }
+    { name: 'Home', href: '/' },
+    { name: 'Docs', href: '/docs' }
 ]
 
 export const menuLogo = {

src/static/Layout.astro

@@ -21,11 +21,11 @@ const menu = {
         html: logo
     },
     items: [
-        { url: '/svelte', name: 'Svelte', active: isPath('svelte') },
-        { url: '/react', name: 'React', active: isPath('react') },
-        { url: '/themes', name: 'Themes', active: isPath('themes') },
-        { url: '/resets', name: 'Resets', active: isPath('resets') },
-        { url: '/utilities', name: 'Utilities', active: isPath('utilities') }
+        { href: '/svelte', name: 'Svelte', active: isPath('svelte') },
+        { href: '/react', name: 'React', active: isPath('react') },
+        { href: '/themes', name: 'Themes', active: isPath('themes') },
+        { href: '/resets', name: 'Resets', active: isPath('resets') },
+        { href: '/utilities', name: 'Utilities', active: isPath('utilities') }
     ]
 }