From 3bca25597f96beb0ba59ccf734cbbc3088c08e7e Mon Sep 17 00:00:00 2001
From: Avris <andre@avris.it>
Date: Tue, 30 Nov 2021 18:50:38 +0100
Subject: [PATCH] #281 [en][pl][pronouns] mirrorprominal

---
 components/Profile.vue   |  1 +
 locale/en/config.suml    | 11 ++++++++++-
 locale/pl/config.suml    |  9 +++++++++
 nuxt.config.js           |  3 +++
 routes/mirror.vue        | 35 +++++++++++++++++++++++++++++++++++
 routes/profileEditor.vue |  1 +
 routes/pronouns.vue      | 11 +++++++++++
 7 files changed, 70 insertions(+), 1 deletion(-)
 create mode 100644 routes/mirror.vue

diff --git a/components/Profile.vue b/components/Profile.vue
index 2870d7cf..e160727d 100644
--- a/components/Profile.vue
+++ b/components/Profile.vue
@@ -140,6 +140,7 @@
 
                     if (link === this.config.pronouns.any
                         || (this.config.pronouns.null && this.config.pronouns.null.routes && this.config.pronouns.null.routes.includes(link))
+                        || (this.config.pronouns.mirror && this.config.pronouns.mirror.route === pronoun)
                     ) {
                         pronounOpinions.push({
                             link,
diff --git a/locale/en/config.suml b/locale/en/config.suml
index 1ecfec24..1571e813 100644
--- a/locale/en/config.suml
+++ b/locale/en/config.suml
@@ -82,6 +82,15 @@ pronouns:
             reflexive: '#self'
         examples: ['💫', '💙']
         template: 'Open one of the examples and simply replace the emoji in the URL with your own.'
+    mirror:
+        route: 'mirror'
+        name: 'Mirror pronouns / Mirrorpronominal'
+        description: >
+            A person who uses mirror pronouns wants to be referred to with the same pronouns as the person talking.
+        example:
+            - 'Person A uses mirror pronouns.'
+            - 'Person B uses {/she=she/her}, so when she talks about person A, she uses “she/her” to refer to her.'
+            - 'Person C uses {/ze=ze/hir} interchangeably with {/fae=fæ/fær}, so when ze talks about person A, fea uses either ze/hir or fæ/fær to refer to fær.'
     slashes: true
     others: 'Other pronouns'
 
@@ -99,7 +108,7 @@ sources:
     submit: true
     mergePronouns:
         they/them/themself: 'they'
-    extraTypes: ['avoiding', 'nounself']
+    extraTypes: ['avoiding', 'nounself', 'mirror']
 
 nouns:
     enabled: true
diff --git a/locale/pl/config.suml b/locale/pl/config.suml
index 58415656..b9f6526e 100644
--- a/locale/pl/config.suml
+++ b/locale/pl/config.suml
@@ -156,6 +156,15 @@ pronouns:
                 normative: true
                 examples:
                     - [ 'dziesięciu pracowników', 'dziesięcioro pracujących' ]
+    mirror:
+        route: 'lustrzane'
+        name: 'Zaimki lustrzane'
+        description: >
+            Osoba używająca zaimków lustrzanych chce, by zwracano się do niej / mówiono o niej takimi formami, jakich samx się używa.
+        example:
+            - 'Osoba A używa zaimków lustrzanych.'
+            - 'Osoba B używa {/ona=rodzaju żeńskiego}, więc zwracając się do osoby A lub mówiąc o niej będzie używała form żeńskich.'
+            - 'Osoba C używa {/onu=dukaizmów} wymiennie z {/ono=rodzajem neutralnym}, więc zwracając się do osoby A lub mówiąc o num będzie używała form postpłciowych bądź neutralnych.'
     others: 'Pozostałe formy'
 
 pronunciation:
diff --git a/nuxt.config.js b/nuxt.config.js
index e8af4405..81ba505a 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -275,6 +275,9 @@ export default {
                         routes.push({ path: '/' + encodeURIComponent(route), component: resolve(__dirname, 'routes/avoiding.vue') });
                     }
                 }
+                if (config.pronouns.mirror) {
+                    routes.push({ path: '/' + encodeURIComponent(config.pronouns.mirror.route), component: resolve(__dirname, 'routes/mirror.vue') });
+                }
             }
 
             if (config.calendar && config.calendar.enabled) {
diff --git a/routes/mirror.vue b/routes/mirror.vue
new file mode 100644
index 00000000..cd334cc2
--- /dev/null
+++ b/routes/mirror.vue
@@ -0,0 +1,35 @@
+<template>
+    <div>
+        <h2>
+            {{ clearLinkedText(config.pronouns.mirror.name) }}
+        </h2>
+
+        <p>
+            <LinkedText :text="config.pronouns.mirror.description"/>
+        </p>
+
+        <ul>
+            <li v-for="example in config.pronouns.mirror.example">
+                <LinkedText :text="example"/>
+            </li>
+        </ul>
+    </div>
+</template>
+
+<script>
+    import { head, clearLinkedText } from "../src/helpers";
+
+    export default {
+        data() {
+            return {
+                clearLinkedText
+            };
+        },
+        head() {
+            return head({
+                title: this.config.pronouns.mirror.name,
+                description: this.config.pronouns.mirror.description,
+            });
+        },
+    };
+</script>
diff --git a/routes/profileEditor.vue b/routes/profileEditor.vue
index 9c7a88d0..ada68ac8 100644
--- a/routes/profileEditor.vue
+++ b/routes/profileEditor.vue
@@ -349,6 +349,7 @@
                 pronoun = this.normalisePronoun(pronoun);
                 return pronoun === this.config.pronouns.any
                     || (this.config.pronouns.null && this.config.pronouns.null.routes && this.config.pronouns.null.routes.includes(pronoun))
+                    || (this.config.pronouns.mirror && this.config.pronouns.mirror.route === pronoun)
                     || buildPronoun(pronouns, pronoun)
                         ? null
                         : 'profile.pronounsNotFound'
diff --git a/routes/pronouns.vue b/routes/pronouns.vue
index e1c3c8a8..a41effd6 100644
--- a/routes/pronouns.vue
+++ b/routes/pronouns.vue
@@ -175,6 +175,17 @@
                     </div>
                     <SimplePronounList :pronouns="config.pronouns.emoji.examples" class="mb-3"/>
                 </li>
+                <li v-if="config.pronouns.mirror" class="list-group-item" id="mirror">
+                    <p class="h5">
+                        <nuxt-link :to="`/${config.pronouns.mirror.route}`">
+                            <LinkedText :text="config.pronouns.mirror.name"/>
+                        </nuxt-link>
+                    </p>
+                    <div class="small my-1" v-if="config.pronouns.mirror.description">
+                        <Icon v="info-circle"/>
+                        <LinkedText :text="config.pronouns.mirror.description"/>
+                    </div>
+                </li>
                 <li class="list-group-item">
                     <p class="h5">
                         <nuxt-link :to="'/' + config.pronouns.any"><T>pronouns.any.header</T></nuxt-link>