Skip to content

Commit d90d1e4

Browse files
jasonreyes9jasonreyes9
committed
fix: add rel="noopener" to external links
Modern browsers (Chrome ≥ 88, Edge ≥ 88, Firefox ≥ 79 and Safari ≥ 12.2) automatically imply `rel="noopener"`. But the default target of Vite is lower than that, so we still need it.
1 parent 3eb2f2d commit d90d1e4

File tree

8 files changed

+100
-92
lines changed

8 files changed

+100
-92
lines changed

‎template/code/default/src/components/HelloWorld.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@ defineProps({
1212
<h1 class="green">{{ msg }}</h1>
1313
<h3>
1414
You’ve successfully created a project with
15-
<a target="_blank" href="https://vitejs.dev/">Vite</a> +
16-
<a target="_blank" href="https://vuejs.org/">Vue 3</a>.
15+
<a href="https://vitejs.dev/" target="_blank" rel="noopener">Vite</a> +
16+
<a href="https://vuejs.org/" target="_blank" rel="noopener">Vue 3</a>.
1717
</h3>
1818
</div>
1919
</template>

‎template/code/default/src/components/TheWelcome.vue

Lines changed: 23 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import SupportIcon from './icons/IconSupport.vue'
1515
<template #heading>Documentation</template>
1616

1717
Vue’s
18-
<a target="_blank" href="https://vuejs.org/">official documentation</a>
18+
<a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>
1919
provides you with all information you need to get started.
2020
</WelcomeItem>
2121

@@ -26,14 +26,13 @@ import SupportIcon from './icons/IconSupport.vue'
2626
<template #heading>Tooling</template>
2727

2828
This project is served and bundled with
29-
<a href="https://vitejs.dev/guide/features.html" target="_blank">Vite</a>. The recommended IDE
30-
setup is <a href="https://code.visualstudio.com/" target="_blank">VSCode</a> +
31-
<a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>. If you need to test
32-
your components and web pages, check out
33-
<a href="https://www.cypress.io/" target="_blank">Cypress</a> and
34-
<a href="https://on.cypress.io/component" target="_blank"
35-
>Cypress Component Testing</a
36-
>.
29+
<a href="https://vitejs.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
30+
recommended IDE setup is
31+
<a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a> +
32+
<a href="https://github.com/johnsoncodehk/volar" target="_blank" rel="noopener">Volar</a>. If
33+
you need to test your components and web pages, check out
34+
<a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a> and
35+
<a href="https://on.cypress.io/component" target="_blank">Cypress Component Testing</a>.
3736

3837
<br />
3938

@@ -47,12 +46,12 @@ import SupportIcon from './icons/IconSupport.vue'
4746
<template #heading>Ecosystem</template>
4847

4948
Get official tools and libraries for your project:
50-
<a target="_blank" href="https://pinia.vuejs.org/">Pinia</a>,
51-
<a target="_blank" href="https://router.vuejs.org/">Vue Router</a>,
52-
<a target="_blank" href="https://test-utils.vuejs.org/">Vue Test Utils</a>, and
53-
<a target="_blank" href="https://github.com/vuejs/devtools">Vue Dev Tools</a>. If you need more
54-
resources, we suggest paying
55-
<a target="_blank" href="https://github.com/vuejs/awesome-vue">Awesome Vue</a>
49+
<a href="https://pinia.vuejs.org/" target="_blank" rel="noopener">Pinia</a>,
50+
<a href="https://router.vuejs.org/" target="_blank" rel="noopener">Vue Router</a>,
51+
<a href="https://test-utils.vuejs.org/" target="_blank" rel="noopener">Vue Test Utils</a>, and
52+
<a href="https://github.com/vuejs/devtools" target="_blank" rel="noopener">Vue Dev Tools</a>. If
53+
you need more resources, we suggest paying
54+
<a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">Awesome Vue</a>
5655
a visit.
5756
</WelcomeItem>
5857

@@ -63,11 +62,14 @@ import SupportIcon from './icons/IconSupport.vue'
6362
<template #heading>Community</template>
6463

6564
Got stuck? Ask your question on
66-
<a target="_blank" href="https://chat.vuejs.org">Vue Land</a>, our official Discord server, or
67-
<a target="_blank" href="https://stackoverflow.com/questions/tagged/vue.js">StackOverflow</a>.
68-
You should also subscribe to
69-
<a target="_blank" href="https://news.vuejs.org">our mailing list</a> and follow the official
70-
<a target="_blank" href="https://twitter.com/vuejs">@vuejs</a>
65+
<a href="https://chat.vuejs.org" target="_blank" rel="noopener">Vue Land</a>, our official
66+
Discord server, or
67+
<a href="https://stackoverflow.com/questions/tagged/vue.js" target="_blank" rel="noopener"
68+
>StackOverflow</a
69+
>. You should also subscribe to
70+
<a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a> and follow
71+
the official
72+
<a href="https://twitter.com/vuejs" target="_blank" rel="noopener">@vuejs</a>
7173
twitter account for latest news in the Vue world.
7274
</WelcomeItem>
7375

@@ -79,6 +81,6 @@ import SupportIcon from './icons/IconSupport.vue'
7981

8082
As an independent project, Vue relies on community backing for its sustainability. You can help
8183
us by
82-
<a target="_blank" href="https://vuejs.org/sponsor/">becoming a sponsor</a>.
84+
<a href="https://vuejs.org/sponsor/" target="_blank" rel="noopener">becoming a sponsor</a>.
8385
</WelcomeItem>
8486
</template>

‎template/code/router/src/components/HelloWorld.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@ defineProps({
1212
<h1 class="green">{{ msg }}</h1>
1313
<h3>
1414
You’ve successfully created a project with
15-
<a target="_blank" href="https://vitejs.dev/">Vite</a> +
16-
<a target="_blank" href="https://vuejs.org/">Vue 3</a>.
15+
<a href="https://vitejs.dev/" target="_blank" rel="noopener">Vite</a> +
16+
<a href="https://vuejs.org/" target="_blank" rel="noopener">Vue 3</a>.
1717
</h3>
1818
</div>
1919
</template>

‎template/code/router/src/components/TheWelcome.vue

Lines changed: 23 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import SupportIcon from './icons/IconSupport.vue'
1515
<template #heading>Documentation</template>
1616

1717
Vue’s
18-
<a target="_blank" href="https://vuejs.org/">official documentation</a>
18+
<a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>
1919
provides you with all information you need to get started.
2020
</WelcomeItem>
2121

@@ -26,14 +26,13 @@ import SupportIcon from './icons/IconSupport.vue'
2626
<template #heading>Tooling</template>
2727

2828
This project is served and bundled with
29-
<a href="https://vitejs.dev/guide/features.html" target="_blank">Vite</a>. The recommended IDE
30-
setup is <a href="https://code.visualstudio.com/" target="_blank">VSCode</a> +
31-
<a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>. If you need to test
32-
your components and web pages, check out
33-
<a href="https://www.cypress.io/" target="_blank">Cypress</a> and
34-
<a href="https://on.cypress.io/component" target="_blank"
35-
>Cypress Component Testing</a
36-
>.
29+
<a href="https://vitejs.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
30+
recommended IDE setup is
31+
<a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a> +
32+
<a href="https://github.com/johnsoncodehk/volar" target="_blank" rel="noopener">Volar</a>. If
33+
you need to test your components and web pages, check out
34+
<a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a> and
35+
<a href="https://on.cypress.io/component" target="_blank">Cypress Component Testing</a>.
3736

3837
<br />
3938

@@ -47,12 +46,12 @@ import SupportIcon from './icons/IconSupport.vue'
4746
<template #heading>Ecosystem</template>
4847

4948
Get official tools and libraries for your project:
50-
<a target="_blank" href="https://pinia.vuejs.org/">Pinia</a>,
51-
<a target="_blank" href="https://router.vuejs.org/">Vue Router</a>,
52-
<a target="_blank" href="https://test-utils.vuejs.org/">Vue Test Utils</a>, and
53-
<a target="_blank" href="https://github.com/vuejs/devtools">Vue Dev Tools</a>. If you need more
54-
resources, we suggest paying
55-
<a target="_blank" href="https://github.com/vuejs/awesome-vue">Awesome Vue</a>
49+
<a href="https://pinia.vuejs.org/" target="_blank" rel="noopener">Pinia</a>,
50+
<a href="https://router.vuejs.org/" target="_blank" rel="noopener">Vue Router</a>,
51+
<a href="https://test-utils.vuejs.org/" target="_blank" rel="noopener">Vue Test Utils</a>, and
52+
<a href="https://github.com/vuejs/devtools" target="_blank" rel="noopener">Vue Dev Tools</a>. If
53+
you need more resources, we suggest paying
54+
<a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">Awesome Vue</a>
5655
a visit.
5756
</WelcomeItem>
5857

@@ -63,11 +62,14 @@ import SupportIcon from './icons/IconSupport.vue'
6362
<template #heading>Community</template>
6463

6564
Got stuck? Ask your question on
66-
<a target="_blank" href="https://chat.vuejs.org">Vue Land</a>, our official Discord server, or
67-
<a target="_blank" href="https://stackoverflow.com/questions/tagged/vue.js">StackOverflow</a>.
68-
You should also subscribe to
69-
<a target="_blank" href="https://news.vuejs.org">our mailing list</a> and follow the official
70-
<a target="_blank" href="https://twitter.com/vuejs">@vuejs</a>
65+
<a href="https://chat.vuejs.org" target="_blank" rel="noopener">Vue Land</a>, our official
66+
Discord server, or
67+
<a href="https://stackoverflow.com/questions/tagged/vue.js" target="_blank" rel="noopener"
68+
>StackOverflow</a
69+
>. You should also subscribe to
70+
<a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a> and follow
71+
the official
72+
<a href="https://twitter.com/vuejs" target="_blank" rel="noopener">@vuejs</a>
7173
twitter account for latest news in the Vue world.
7274
</WelcomeItem>
7375

@@ -79,6 +81,6 @@ import SupportIcon from './icons/IconSupport.vue'
7981

8082
As an independent project, Vue relies on community backing for its sustainability. You can help
8183
us by
82-
<a target="_blank" href="https://vuejs.org/sponsor/">becoming a sponsor</a>.
84+
<a href="https://vuejs.org/sponsor/" target="_blank" rel="noopener">becoming a sponsor</a>.
8385
</WelcomeItem>
8486
</template>

‎template/code/typescript-default/src/components/HelloWorld.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@ defineProps<{
99
<h1 class="green">{{ msg }}</h1>
1010
<h3>
1111
You’ve successfully created a project with
12-
<a target="_blank" href="https://vitejs.dev/">Vite</a> +
13-
<a target="_blank" href="https://vuejs.org/">Vue 3</a>.
12+
<a href="https://vitejs.dev/" target="_blank" rel="noopener">Vite</a> +
13+
<a href="https://vuejs.org/" target="_blank" rel="noopener">Vue 3</a>.
1414
</h3>
1515
</div>
1616
</template>

‎template/code/typescript-default/src/components/TheWelcome.vue

Lines changed: 23 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import SupportIcon from './icons/IconSupport.vue'
1515
<template #heading>Documentation</template>
1616

1717
Vue’s
18-
<a target="_blank" href="https://vuejs.org/">official documentation</a>
18+
<a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>
1919
provides you with all information you need to get started.
2020
</WelcomeItem>
2121

@@ -26,14 +26,13 @@ import SupportIcon from './icons/IconSupport.vue'
2626
<template #heading>Tooling</template>
2727

2828
This project is served and bundled with
29-
<a href="https://vitejs.dev/guide/features.html" target="_blank">Vite</a>. The recommended IDE
30-
setup is <a href="https://code.visualstudio.com/" target="_blank">VSCode</a> +
31-
<a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>. If you need to test
32-
your components and web pages, check out
33-
<a href="https://www.cypress.io/" target="_blank">Cypress</a> and
34-
<a href="https://on.cypress.io/component" target="_blank"
35-
>Cypress Component Testing</a
36-
>.
29+
<a href="https://vitejs.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
30+
recommended IDE setup is
31+
<a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a> +
32+
<a href="https://github.com/johnsoncodehk/volar" target="_blank" rel="noopener">Volar</a>. If
33+
you need to test your components and web pages, check out
34+
<a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a> and
35+
<a href="https://on.cypress.io/component" target="_blank">Cypress Component Testing</a>.
3736

3837
<br />
3938

@@ -47,12 +46,12 @@ import SupportIcon from './icons/IconSupport.vue'
4746
<template #heading>Ecosystem</template>
4847

4948
Get official tools and libraries for your project:
50-
<a target="_blank" href="https://pinia.vuejs.org/">Pinia</a>,
51-
<a target="_blank" href="https://router.vuejs.org/">Vue Router</a>,
52-
<a target="_blank" href="https://test-utils.vuejs.org/">Vue Test Utils</a>, and
53-
<a target="_blank" href="https://github.com/vuejs/devtools">Vue Dev Tools</a>. If you need more
54-
resources, we suggest paying
55-
<a target="_blank" href="https://github.com/vuejs/awesome-vue">Awesome Vue</a>
49+
<a href="https://pinia.vuejs.org/" target="_blank" rel="noopener">Pinia</a>,
50+
<a href="https://router.vuejs.org/" target="_blank" rel="noopener">Vue Router</a>,
51+
<a href="https://test-utils.vuejs.org/" target="_blank" rel="noopener">Vue Test Utils</a>, and
52+
<a href="https://github.com/vuejs/devtools" target="_blank" rel="noopener">Vue Dev Tools</a>. If
53+
you need more resources, we suggest paying
54+
<a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">Awesome Vue</a>
5655
a visit.
5756
</WelcomeItem>
5857

@@ -63,11 +62,14 @@ import SupportIcon from './icons/IconSupport.vue'
6362
<template #heading>Community</template>
6463

6564
Got stuck? Ask your question on
66-
<a target="_blank" href="https://chat.vuejs.org">Vue Land</a>, our official Discord server, or
67-
<a target="_blank" href="https://stackoverflow.com/questions/tagged/vue.js">StackOverflow</a>.
68-
You should also subscribe to
69-
<a target="_blank" href="https://news.vuejs.org">our mailing list</a> and follow the official
70-
<a target="_blank" href="https://twitter.com/vuejs">@vuejs</a>
65+
<a href="https://chat.vuejs.org" target="_blank" rel="noopener">Vue Land</a>, our official
66+
Discord server, or
67+
<a href="https://stackoverflow.com/questions/tagged/vue.js" target="_blank" rel="noopener"
68+
>StackOverflow</a
69+
>. You should also subscribe to
70+
<a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a> and follow
71+
the official
72+
<a href="https://twitter.com/vuejs" target="_blank" rel="noopener">@vuejs</a>
7173
twitter account for latest news in the Vue world.
7274
</WelcomeItem>
7375

@@ -79,6 +81,6 @@ import SupportIcon from './icons/IconSupport.vue'
7981

8082
As an independent project, Vue relies on community backing for its sustainability. You can help
8183
us by
82-
<a target="_blank" href="https://vuejs.org/sponsor/">becoming a sponsor</a>.
84+
<a href="https://vuejs.org/sponsor/" target="_blank" rel="noopener">becoming a sponsor</a>.
8385
</WelcomeItem>
8486
</template>

‎template/code/typescript-router/src/components/HelloWorld.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@ defineProps<{
99
<h1 class="green">{{ msg }}</h1>
1010
<h3>
1111
You’ve successfully created a project with
12-
<a target="_blank" href="https://vitejs.dev/">Vite</a> +
13-
<a target="_blank" href="https://vuejs.org/">Vue 3</a>. What's next?
12+
<a href="https://vitejs.dev/" target="_blank" rel="noopener">Vite</a> +
13+
<a href="https://vuejs.org/" target="_blank" rel="noopener">Vue 3</a>. What's next?
1414
</h3>
1515
</div>
1616
</template>

‎template/code/typescript-router/src/components/TheWelcome.vue

Lines changed: 23 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import SupportIcon from './icons/IconSupport.vue'
1515
<template #heading>Documentation</template>
1616

1717
Vue’s
18-
<a target="_blank" href="https://vuejs.org/">official documentation</a>
18+
<a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>
1919
provides you with all information you need to get started.
2020
</WelcomeItem>
2121

@@ -26,14 +26,13 @@ import SupportIcon from './icons/IconSupport.vue'
2626
<template #heading>Tooling</template>
2727

2828
This project is served and bundled with
29-
<a href="https://vitejs.dev/guide/features.html" target="_blank">Vite</a>. The recommended IDE
30-
setup is <a href="https://code.visualstudio.com/" target="_blank">VSCode</a> +
31-
<a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>. If you need to test
32-
your components and web pages, check out
33-
<a href="https://www.cypress.io/" target="_blank">Cypress</a> and
34-
<a href="https://on.cypress.io/component" target="_blank"
35-
>Cypress Component Testing</a
36-
>.
29+
<a href="https://vitejs.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
30+
recommended IDE setup is
31+
<a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a> +
32+
<a href="https://github.com/johnsoncodehk/volar" target="_blank" rel="noopener">Volar</a>. If
33+
you need to test your components and web pages, check out
34+
<a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a> and
35+
<a href="https://on.cypress.io/component" target="_blank">Cypress Component Testing</a>.
3736

3837
<br />
3938

@@ -47,12 +46,12 @@ import SupportIcon from './icons/IconSupport.vue'
4746
<template #heading>Ecosystem</template>
4847

4948
Get official tools and libraries for your project:
50-
<a target="_blank" href="https://pinia.vuejs.org/">Pinia</a>,
51-
<a target="_blank" href="https://router.vuejs.org/">Vue Router</a>,
52-
<a target="_blank" href="https://test-utils.vuejs.org/">Vue Test Utils</a>, and
53-
<a target="_blank" href="https://github.com/vuejs/devtools">Vue Dev Tools</a>. If you need more
54-
resources, we suggest paying
55-
<a target="_blank" href="https://github.com/vuejs/awesome-vue">Awesome Vue</a>
49+
<a href="https://pinia.vuejs.org/" target="_blank" rel="noopener">Pinia</a>,
50+
<a href="https://router.vuejs.org/" target="_blank" rel="noopener">Vue Router</a>,
51+
<a href="https://test-utils.vuejs.org/" target="_blank" rel="noopener">Vue Test Utils</a>, and
52+
<a href="https://github.com/vuejs/devtools" target="_blank" rel="noopener">Vue Dev Tools</a>. If
53+
you need more resources, we suggest paying
54+
<a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">Awesome Vue</a>
5655
a visit.
5756
</WelcomeItem>
5857

@@ -63,11 +62,14 @@ import SupportIcon from './icons/IconSupport.vue'
6362
<template #heading>Community</template>
6463

6564
Got stuck? Ask your question on
66-
<a target="_blank" href="https://chat.vuejs.org">Vue Land</a>, our official Discord server, or
67-
<a target="_blank" href="https://stackoverflow.com/questions/tagged/vue.js">StackOverflow</a>.
68-
You should also subscribe to
69-
<a target="_blank" href="https://news.vuejs.org">our mailing list</a> and follow the official
70-
<a target="_blank" href="https://twitter.com/vuejs">@vuejs</a>
65+
<a href="https://chat.vuejs.org" target="_blank" rel="noopener">Vue Land</a>, our official
66+
Discord server, or
67+
<a href="https://stackoverflow.com/questions/tagged/vue.js" target="_blank" rel="noopener"
68+
>StackOverflow</a
69+
>. You should also subscribe to
70+
<a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a> and follow
71+
the official
72+
<a href="https://twitter.com/vuejs" target="_blank" rel="noopener">@vuejs</a>
7173
twitter account for latest news in the Vue world.
7274
</WelcomeItem>
7375

@@ -79,6 +81,6 @@ import SupportIcon from './icons/IconSupport.vue'
7981

8082
As an independent project, Vue relies on community backing for its sustainability. You can help
8183
us by
82-
<a target="_blank" href="https://vuejs.org/sponsor/">becoming a sponsor</a>.
84+
<a href="https://vuejs.org/sponsor/" target="_blank" rel="noopener">becoming a sponsor</a>.
8385
</WelcomeItem>
8486
</template>

0 commit comments

Comments
 (0)