From 9394373724f14bda5750becdc919dcc1d7ef1c01 Mon Sep 17 00:00:00 2001
From: erik1110 <oceanuheart@gmail.com>
Date: Mon, 19 Feb 2024 15:43:21 +0800
Subject: [PATCH 1/2] [feat] add link

---
 i18n/about/code-of-conduct.i18n.js | 12 ++++++++----
 pages/about/code-of-conduct.vue    | 29 ++++++++++++++++-------------
 2 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/i18n/about/code-of-conduct.i18n.js b/i18n/about/code-of-conduct.i18n.js
index f7433a8694..479baae6eb 100644
--- a/i18n/about/code-of-conduct.i18n.js
+++ b/i18n/about/code-of-conduct.i18n.js
@@ -137,12 +137,15 @@ export default genI18nMessages({
                     {
                         title: 'Notes',
                         descriptions: [
-                            'This procedure has been adapted from the PyCon Procedure for Incident Handling.',
+                            'This procedure has been adapted from the {process}.',
                         ],
                     },
                 ],
             },
         ],
+        terms: {
+            process: 'PyCon Procedure for Incident Handling',
+        },
     },
     'zh-hant': {
         title: '行為準則',
@@ -242,12 +245,13 @@ export default genI18nMessages({
                     },
                     {
                         title: '備註',
-                        descriptions: [
-                            '以上通報流程改寫自 PyCon 通報行為準則事件處理流程。',
-                        ],
+                        descriptions: ['以上通報流程改寫自 {process}。'],
                     },
                 ],
             },
         ],
+        terms: {
+            process: 'PyCon 通報行為準則事件安處理流程',
+        },
     },
 })
diff --git a/pages/about/code-of-conduct.vue b/pages/about/code-of-conduct.vue
index 311af7f25c..d6c94f93eb 100644
--- a/pages/about/code-of-conduct.vue
+++ b/pages/about/code-of-conduct.vue
@@ -61,20 +61,21 @@
                                     <h2>{{ subtitle.title }}</h2>
                                 </template>
                                 <template #right-col>
-                                    <div
-                                        v-for="(
-                                            description, index
-                                        ) in subtitle.descriptions"
-                                        :key="'description-' + index"
+                                    <i18n
+                                        :key="`coc.${i}.subtitle.${subtitleIndex}.descriptions[0]`"
+                                        :path="`contents.${i}.subtitle.${subtitleIndex}.descriptions[0]`"
+                                        tag="p"
                                     >
-                                        <p>{{ description }}</p>
-                                        <br
-                                            v-if="
-                                                index !==
-                                                subtitle.descriptions.length - 1
-                                            "
-                                        />
-                                    </div>
+                                        <template #process>
+                                            <ext-link
+                                                href="https://github.com/python/pycon-code-of-conduct/blob/master/Attendee%20Procedure%20for%20incident%20handling.md"
+                                                highlight
+                                                >{{
+                                                    $t('terms.process')
+                                                }}</ext-link
+                                            >
+                                        </template>
+                                    </i18n>
                                     <ol
                                         v-if="subtitle && subtitle.list"
                                         class="ml-4"
@@ -129,6 +130,7 @@ import i18n from '@/i18n/about/code-of-conduct.i18n'
 import AboutBanner from '@/static/img/about/Banner.svg'
 import Banner from '@/components/core/layout/Banner'
 import CoreH1 from '@/components/core/titles/H1'
+import ExtLink from '@/components/core/links/ExtLink.vue'
 import IntroImg1 from '@/static/img/about/code-of-conduct/Intro-1.png'
 import IntroImg2 from '@/static/img/about/code-of-conduct/Intro-2.png'
 import IntroImg3 from '@/static/img/about/code-of-conduct/Intro-3.png'
@@ -148,6 +150,7 @@ export default {
         I18nPageWrapper,
         CoreH1,
         Banner,
+        ExtLink,
         TwoColWrapper,
     },
     data() {

From 6b08af088ab8d88e735f5174df2fbb9e71a29af9 Mon Sep 17 00:00:00 2001
From: erik1110 <oceanuheart@gmail.com>
Date: Mon, 19 Feb 2024 16:03:49 +0800
Subject: [PATCH 2/2] [feat] add v-for

---
 pages/about/code-of-conduct.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/pages/about/code-of-conduct.vue b/pages/about/code-of-conduct.vue
index d6c94f93eb..4539fe852a 100644
--- a/pages/about/code-of-conduct.vue
+++ b/pages/about/code-of-conduct.vue
@@ -62,8 +62,11 @@
                                 </template>
                                 <template #right-col>
                                     <i18n
-                                        :key="`coc.${i}.subtitle.${subtitleIndex}.descriptions[0]`"
-                                        :path="`contents.${i}.subtitle.${subtitleIndex}.descriptions[0]`"
+                                        v-for="(
+                                            _, subtitleDescriptionIndex
+                                        ) in subtitle.descriptions"
+                                        :key="`coc.${i}.subtitle.${subtitleIndex}.descriptions.${subtitleDescriptionIndex}`"
+                                        :path="`contents.${i}.subtitle.${subtitleIndex}.descriptions.${subtitleDescriptionIndex}`"
                                         tag="p"
                                     >
                                         <template #process>