From a8f7e36d9e5f5c32031614acf6791f682b9be531 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 8 Jan 2025 22:57:15 +0100
Subject: [PATCH] chore(docs): open links in new tab

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 docs/src/guide/getting-started.md | 4 ++--
 docs/src/guide/index.md           | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/src/guide/getting-started.md b/docs/src/guide/getting-started.md
index ffc435b5..f783ad1a 100644
--- a/docs/src/guide/getting-started.md
+++ b/docs/src/guide/getting-started.md
@@ -29,13 +29,13 @@ Before you strap in, make sure you're equipped with:
 Try out the sandbox starter templates for Vue Flow in JavaScript and TypeScript and get a feel for the library.
 
 <div class="flex flex-col gap-4 md:flex-row md:gap-8">
-  <a href="https://new.vueflow.dev/js" class="flex-1 !no-underline">
+  <a href="https://new.vueflow.dev/js" target="_blank" class="flex-1 !no-underline">
     <div class="flex items-center gap-4 p-4 rounded-lg border-1 border-primary dark:bg-secondary">
       <LogosJavascript class="text-accent text-2xl" />
       <h3 class="!m-0 font-semibold">new.vueflow.dev/js</h3>
     </div>
   </a>
-  <a href="https://new.vueflow.dev/ts" class="flex-1 !no-underline">
+  <a href="https://new.vueflow.dev/ts" target="_blank" class="flex-1 !no-underline">
     <div class="flex items-center gap-4 p-4 rounded-lg shadow-md border-1 border-primary dark:bg-secondary">
       <LogosTypescript class="text-accent text-2xl" />
       <h3 class="!m-0 font-semibold">new.vueflow.dev/ts</h3>
diff --git a/docs/src/guide/index.md b/docs/src/guide/index.md
index 16f23198..ac97edff 100644
--- a/docs/src/guide/index.md
+++ b/docs/src/guide/index.md
@@ -38,13 +38,13 @@ transforming your creations into engaging platforms.
 Try out the sandbox starter templates for Vue Flow in JavaScript and TypeScript and get a feel for the library.
 
 <div class="flex flex-col gap-4 md:flex-row md:gap-8">
-  <a href="https://new.vueflow.dev/js" class="flex-1 !no-underline">
+  <a href="https://new.vueflow.dev/js" target="_blank" class="flex-1 !no-underline">
     <div class="flex items-center gap-4 p-4 rounded-lg border-1 border-primary dark:bg-secondary">
       <LogosJavascript class="text-accent text-2xl" />
       <h3 class="!m-0 font-semibold">new.vueflow.dev/js</h3>
     </div>
   </a>
-  <a href="https://new.vueflow.dev/ts" class="flex-1 !no-underline">
+  <a href="https://new.vueflow.dev/ts" target="_blank" class="flex-1 !no-underline">
     <div class="flex items-center gap-4 p-4 rounded-lg shadow-md border-1 border-primary dark:bg-secondary">
       <LogosTypescript class="text-accent text-2xl" />
       <h3 class="!m-0 font-semibold">new.vueflow.dev/ts</h3>