refactor: use interface Props in astro components

Author: velut

src/components/AnchoredH2.astro

@@ -1,7 +1,7 @@
 ---
-type Props = {
+interface Props {
   id: string;
-};
+}
 
 const { id } = Astro.props;
 ---

src/components/Declaration.astro

@@ -6,11 +6,11 @@ import DeclarationDocs from "./DeclarationDocs.astro";
 import DeclarationSignature from "./DeclarationSignature.astro";
 import DeclarationTitle from "./DeclarationTitle.astro";
 
-type Props = {
+interface Props {
   declaration: AllExtractedDeclaration;
   unpkgUrl: UnpkgUrlFn;
   declarationUrl: DeclarationUrlFn;
-};
+}
 
 const { declaration, unpkgUrl, declarationUrl } = Astro.props;
 ---

src/components/DeclarationDocs.astro

@@ -2,9 +2,9 @@
 import type { AllExtractedDeclaration } from "@jsdocs-io/extractor";
 import DocComment from "./DocComment.astro";
 
-type Props = {
+interface Props {
   declaration: AllExtractedDeclaration;
-};
+}
 
 const { declaration } = Astro.props;
 const docs = [...new Set(declaration.docs)];

src/components/DeclarationSignature.astro

@@ -3,10 +3,10 @@ import type { AllExtractedDeclaration } from "@jsdocs-io/extractor";
 import { declarationSignatureToHtml } from "../../lib/components/declaration-signature-to-html";
 import type { DeclarationUrlFn } from "../../lib/components/declaration-url";
 
-type Props = {
+interface Props {
   declaration: AllExtractedDeclaration;
   declarationUrl: DeclarationUrlFn;
-};
+}
 
 const { declaration, declarationUrl } = Astro.props;
 

src/components/DeclarationTitle.astro

@@ -4,10 +4,10 @@ import { shortId } from "../../lib/components/short-id";
 import { shortKind } from "../../lib/components/short-kind";
 import type { UnpkgUrlFn } from "../../lib/components/unpkg-url";
 
-type Props = {
+interface Props {
   declaration: AllExtractedDeclaration;
   unpkgUrl: UnpkgUrlFn;
-};
+}
 
 const { declaration, unpkgUrl } = Astro.props;
 const id = shortId(declaration.id);

src/components/Declarations.astro

@@ -15,12 +15,12 @@ import { type UnpkgUrlFn } from "../../lib/components/unpkg-url";
 import AnchoredH2 from "./AnchoredH2.astro";
 import Declaration from "./Declaration.astro";
 
-type Props = {
+interface Props {
   containerName: string;
   declarations: ExtractedDeclaration[];
   unpkgUrl: UnpkgUrlFn;
   declarationUrl: DeclarationUrlFn;
-};
+}
 
 const { containerName, declarations, unpkgUrl, declarationUrl } = Astro.props;
 const variables = declarations.filter((d): d is ExtractedVariable => d.kind === "variable");

src/components/DocCodeSpan.astro

@@ -1,9 +1,9 @@
 ---
 import { type DocCodeSpan as _DocCodeSpan } from "@microsoft/tsdoc";
 
-type Props = {
+interface Props {
   codeSpan: _DocCodeSpan;
-};
+}
 
 const {
   codeSpan: { code },

src/components/DocCommentInherit.astro

@@ -3,9 +3,9 @@ import { sanitizeUrl } from "@braintree/sanitize-url";
 import { DocDeclarationReference } from "@microsoft/tsdoc";
 import { resolveDeclarationReference } from "../../lib/components/resolve-declaration-reference";
 
-type Props = {
+interface Props {
   ref: DocDeclarationReference;
-};
+}
 
 const { ref } = Astro.props;
 const { pkgName, declarationId } = resolveDeclarationReference(ref);

src/components/DocErrorText.astro

@@ -2,9 +2,9 @@
 import type { DocErrorText as _DocErrorText } from "@microsoft/tsdoc";
 import { mdToHtml } from "../../lib/components/md-to-html";
 
-type Props = {
+interface Props {
   errorText: _DocErrorText;
-};
+}
 
 const {
   errorText: { text },

src/components/DocEscapedText.astro

@@ -2,9 +2,9 @@
 import type { DocEscapedText as _DocEscapedText } from "@microsoft/tsdoc";
 import { mdToHtml } from "../../lib/components/md-to-html";
 
-type Props = {
+interface Props {
   escapedText: _DocEscapedText;
-};
+}
 
 const {
   escapedText: { decodedText },