From 0284fc9d8612b13401f4bedd633f231bc65126e5 Mon Sep 17 00:00:00 2001
From: Maria Hutt <thetaPC@users.noreply.github.com>
Date: Thu, 3 Sep 2026 16:40:22 -0700
Subject: [PATCH] chore(cleanup): remove commented-out code and fix what it
 pointed at

---
 scripts/cli.mjs                               | 111 ------------------
 src/components/global/Codepen/index.tsx       |   3 +-
 src/components/global/DocDemo/demo.css        |   8 --
 .../page/native/DocsButton/index.tsx          |   7 +-
 src/styles/components/_code.scss              |  17 ---
 src/styles/components/_markdown.scss          |   1 -
 vercel.json                                   |   2 +-
 7 files changed, 5 insertions(+), 144 deletions(-)

diff --git a/scripts/cli.mjs b/scripts/cli.mjs
index 7effc4dde4b..83f1f290187 100644
--- a/scripts/cli.mjs
+++ b/scripts/cli.mjs
@@ -11,7 +11,6 @@ const commandToKebab = (str) =>
     .toLowerCase();
 
 (async function () {
-  // console.log(cliJSON);
   const { commands } = cliJSON;
 
   commands.map(writePage);
@@ -117,113 +116,3 @@ function renderAdvancedOptions({ options }) {
   }
   return utils.renderOptions('Advanced Options', options);
 }
-
-// function renderProperties({ props: properties }) {
-//   if (properties.length === 0) {
-//     return "";
-//   }
-
-//   return `
-// ## Properties
-
-// ${properties
-//   .map(
-//     prop => `
-// ### ${prop.name}
-
-// | | |
-// | --- | --- |
-// | **Description** | ${prop.docs.split("\n").join("<br />")} |
-// | **Attribute** | \`${prop.attr}\` |
-// | **Type** | \`${prop.type.replace(/\|/g, "\\|")}\` |
-// | **Default** | \`${prop.default}\` |
-
-// `
-//   )
-//   .join("\n")}
-// `;
-// }
-
-// function renderEvents({ events }) {
-//   if (events.length === 0) {
-//     return "";
-//   }
-
-//   return `
-// ## Events
-
-// | Name | Description |
-// | --- | --- |
-// ${events.map(event => `| \`${event.event}\` | ${event.docs} |`).join("\n")}
-
-// `;
-// }
-
-// function renderMethods({ methods }) {
-//   if (methods.length === 0) {
-//     return "";
-//   }
-
-//   return `
-// ## Methods
-
-// ${methods
-//   .map(
-//     method => `
-// ### ${method.name}
-
-// | | |
-// | --- | --- |
-// | **Description** | ${method.docs.split("\n").join("<br />")} |
-// | **Signature** | \`${method.signature.replace(/\|/g, "\\|")}\` |
-// `
-//   )
-//   .join("\n")}
-
-// `;
-// }
-
-// function renderParts({ parts }) {
-//   if (parts.length === 0) {
-//     return "";
-//   }
-
-//   return `
-// ## CSS Shadow Parts
-
-// | Name | Description |
-// | --- | --- |
-// ${parts.map(prop => `| \`${prop.name}\` | ${prop.docs} |`).join("\n")}
-
-// `;
-// }
-
-// function renderCustomProps({ styles: customProps }) {
-//   if (customProps.length === 0) {
-//     return "";
-//   }
-
-//   return `
-// ## CSS Custom Properties
-
-// | Name | Description |
-// | --- | --- |
-// ${customProps.map(prop => `| \`${prop.name}\` | ${prop.docs} |`).join("\n")}
-
-// `;
-// }
-
-// function renderSlots({ slots }) {
-//   if (slots.length === 0) {
-//     return "";
-//   }
-
-//   return `
-// ## Slots
-
-// | Name | Description |
-// | --- | --- |
-// ${slots.map(slot => `| \`${slot.name}\` | ${slot.docs} |`).join("\n")}
-
-// `;
-// }
diff --git a/src/components/global/Codepen/index.tsx b/src/components/global/Codepen/index.tsx
index 9b33ed7f262..bea888275b1 100644
--- a/src/components/global/Codepen/index.tsx
+++ b/src/components/global/Codepen/index.tsx
@@ -11,8 +11,7 @@ function CodePen(props: {
   preview?: boolean;
   penTitle?: string;
 }): ReactNode {
-  const status = useScript('https://static.codepen.io/assets/embed/ei.js');
-  // console.log('test',status, props)
+  useScript('https://static.codepen.io/assets/embed/ei.js');
   return (
     <div
       className="codepen"
diff --git a/src/components/global/DocDemo/demo.css b/src/components/global/DocDemo/demo.css
index 542102aca83..8e4dbd9dfea 100644
--- a/src/components/global/DocDemo/demo.css
+++ b/src/components/global/DocDemo/demo.css
@@ -175,11 +175,3 @@ docs-demo {
 .docs-demo-source > ion-icon {
   margin-right: 5px;
 }
-/* 
-@media (max-width: 1160px) {
-  .docs-demo-device,
-  .docs-demo-mode-toggle,
-  .docs-demo-source {
-    display: none;
-  }
-} */
diff --git a/src/components/page/native/DocsButton/index.tsx b/src/components/page/native/DocsButton/index.tsx
index fdee868c63f..3feb8a21ff3 100644
--- a/src/components/page/native/DocsButton/index.tsx
+++ b/src/components/page/native/DocsButton/index.tsx
@@ -1,5 +1,6 @@
 import clsx from 'clsx';
 import React, { type HTMLAttributes } from 'react';
+import Link from '@docusaurus/Link';
 
 import styles from './styles.module.css';
 
@@ -8,8 +9,6 @@ export default function DocsButton({
   round = false,
   ...props
 }: HTMLAttributes<HTMLElement> & { href?: string; round?: boolean }) {
-  // const isInternal = /^\/docs/.test(href);
-
   props.className = clsx(props.className, {
     [styles.docsButton]: true,
     'docs-button': true,
@@ -18,9 +17,9 @@ export default function DocsButton({
   });
 
   return href ? (
-    <a href={href} className="docsButton" {...props}>
+    <Link to={href} className="docsButton" {...props}>
       {props.children}
-    </a>
+    </Link>
   ) : (
     <button className="docsButton" {...props}>
       {props.children}
diff --git a/src/styles/components/_code.scss b/src/styles/components/_code.scss
index 2bb2fc06cdc..a14f9cb6760 100644
--- a/src/styles/components/_code.scss
+++ b/src/styles/components/_code.scss
@@ -26,26 +26,9 @@ html[data-theme='dark'] {
   background-color: var(--code-block-bg-c);
   padding-block-start: 0.25rem;
   padding-block-end: 0.25rem;
-
-  // alternative solution for highlighting background with it's own drawbacks
-  // &::before {
-  //   content: '';
-  //   position: absolute;
-
-  //   z-index: -1;
-  //   left: 0;
-  //   right: 0;
-  //   top: -0.25rem;
-  //   bottom: -0.25rem;
-
-  //   background-color: var(--ifm-code-background);
-  //   border-radius: var(--ifm-code-border-radius);
-  // }
 }
 code {
   border: none;
-
-  // padding: 0.375rem 0.25rem 0.25rem;
 }
 
 // Overrides
diff --git a/src/styles/components/_markdown.scss b/src/styles/components/_markdown.scss
index cea433dbcb7..047ef74d19a 100644
--- a/src/styles/components/_markdown.scss
+++ b/src/styles/components/_markdown.scss
@@ -54,7 +54,6 @@ html[data-theme='dark'] {
   td,
   tr {
     font-size: 1rem;
-    // letter-spacing: var(--letter-spacing-tight);
   }
 
   p,
diff --git a/vercel.json b/vercel.json
index 998a5b3e6a6..a6cebcf3432 100644
--- a/vercel.json
+++ b/vercel.json
@@ -47,7 +47,7 @@
     },
     { "source": "/docs/ja/v9/:match*", "destination": "/docs/ja/:match*" },
     {
-      "source": "/docs/(v5|next)?/developer-resources/:path*",
+      "source": "/docs/(v[0-9]+|next)?/developer-resources/:path*",
       "destination": "https://ionic.io/resources"
     },
     { "source": "/docs/next/:match*", "destination": "/docs/:match*" },