chore(cleanup): remove commented-out code and fix what it pointed at

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")}
-
-// `;
-// }

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"

src/components/global/DocDemo/demo.css

@@ -171,12 +171,3 @@ docs-demo {
   font-size: 13px;
   justify-content: center;
 }
-
-/* 
-@media (max-width: 1160px) {
-  .docs-demo-device,
-  .docs-demo-mode-toggle,
-  .docs-demo-source {
-    display: none;
-  }
-} */

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}

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

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,

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*" },