Make external links to be opened in new browser tab (#9)

Hdd87 · d0rich · web-flow · commit 2382899d15c5 · 2023-05-31T12:22:56.000+05:30
* install rehype plugin and add config

* fixed lint errors

* Update nuxt.config.ts

Co-authored-by: Nikolai Dorofeev &lt;dorich2000@gmail.com&gt;

---------

Co-authored-by: Nikolai Dorofeev &lt;dorich2000@gmail.com&gt;
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -40,6 +40,13 @@ export default defineNuxtConfig({
     documentDriven: true,
     highlight: {
       theme: 'one-dark-pro'
+    },
+    markdown: {
+      rehypePlugins: {
+        'rehype-external-links': {
+          target: '_blank'
+        }
+      }
     }
   }
 })
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -58,6 +58,7 @@
     "@tailwindcss/typography": "^0.5.8",
     "@types/mermaid": "^9.2.0",
     "nuxt": "^3.3.1",
-    "nuxt-icon": "^0.3.3"
+    "nuxt-icon": "^0.3.3",
+    "rehype-external-links": "^2.1.0"
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -40,6 +40,13 @@ export default defineNuxtConfig({`
`40`	`40`	`documentDriven: true,`
`41`	`41`	`highlight: {`
`42`	`42`	`theme: 'one-dark-pro'`
	`43`	`+ },`
	`44`	`+ markdown: {`
	`45`	`+ rehypePlugins: {`
	`46`	`+ 'rehype-external-links': {`
	`47`	`+ target: '_blank'`
	`48`	`+ }`
	`49`	`+ }`
`43`	`50`	`}`
`44`	`51`	`}`
`45`	`52`	`})`
Original file line number	Diff line number	Diff line change
`@@ -58,6 +58,7 @@`
`58`	`58`	`"@tailwindcss/typography": "^0.5.8",`
`59`	`59`	`"@types/mermaid": "^9.2.0",`
`60`	`60`	`"nuxt": "^3.3.1",`
`61`		`- "nuxt-icon": "^0.3.3"`
	`61`	`+ "nuxt-icon": "^0.3.3",`
	`62`	`+ "rehype-external-links": "^2.1.0"`
`62`	`63`	`}`
`63`	`64`	`}`