add: open in new tab when clicked

Author: vigneshsnaik

src/components/CodingProfiles.astro

@@ -7,7 +7,11 @@ const badges = badgesData.badges;
 
 <section class="box contents">
   <div class="leetcodeProfile">
-    <a href="https://leetcode.com/naik-ji/">
+    <a
+      href="https://leetcode.com/naik-ji/"
+      target="_blank"
+      rel="noopener noreferrer"
+    >
       <img src="https://leetcard.jacoblin.cool/naik-ji" />
     </a>
   </div>

src/components/Modal.astro

@@ -22,7 +22,9 @@ const { id, open, project } = Astro.props;
       {
         project.links.map((link: { url: string; title: string }) => (
           <div class="link">
-            <a href={link.url}>{link.title}</a>
+            <a href={link.url} target="_blank" rel="noopener noreferrer">
+              {link.title}
+            </a>
             <svg
               width="24"
               height="24"

src/pages/index.astro

@@ -47,13 +47,21 @@ const projects = (await getCollection("work"))
           align="start"
         >
           <div class="roles">
-            <a href="https://www.linkedin.com/in/naik-ji">
+            <a
+              href="https://www.linkedin.com/in/naik-ji"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
               <Pill><Icon icon="linkedin-logo" size="1.33em" /> LinkedIn</Pill>
             </a>
-            <a href="https://github.com/vigneshsnaik">
+            <a
+              href="https://github.com/vigneshsnaik"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
               <Pill><Icon icon="github-logo" size="1.33em" /> GitHub</Pill>
             </a>
-            <a href="/resume">
+            <a href="/resume" target="_blank" rel="noopener noreferrer">
               <Pill><Icon icon="pencil-line" size="1.33em" /> Resume</Pill>
             </a>
           </div>