[pl][blog] ile jest płci – faq, schema.org

components/Answer.vue

@@ -1,8 +1,15 @@
 <template>
-    <details v-if="$t('faq.questions.' + question, [], false)" :class="['border mb-3', small ? 'small' : '']" @click="$emit('click')">
+    <details
-        <summary :class="['bg-light', small ? 'p-2' : 'p-3']"><T>faq.questions.{{question}}.question</T></summary>
+        v-if="$t('faq.questions.' + question, [], false)"
-        <div :class="['border-top', small ? 'p-2' : 'p-3']">
+        :class="['border mb-3', small ? 'small' : '']"
-            <T>faq.questions.{{question}}.answer</T>
+        @click="$emit('click')"
+        itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
+     >
+        <summary :class="['bg-light', small ? 'p-2' : 'p-3']" itemprop="name">
+            <T>faq.questions.{{question}}.question</T>
+        </summary>
+        <div :class="['border-top', small ? 'p-2' : 'p-3']" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
+            <T itemprop="text">faq.questions.{{question}}.answer</T>
         </div>
     </details>
 </template>

locale/pl/blog/ile-jest-płci.md

@@ -1,4 +1,4 @@
-# Ile właściwie jest płci?
+# Ile jest płci
 
 <small>2021-10-12 | [@andrea](/@andrea), [@szymon](/@szymon)</small>
 
@@ -146,10 +146,10 @@ jest zwyczajnie głupie.
 
 ## Ile jest płci?
 
-Płeć (i społeczna, i biologiczna) jest bardziej skomplikowana niż binarny podział –
+Płeć, zarówno społeczna, jak i biologiczna, jest bardziej skomplikowana niż binarny podział –
-ale nie oznacza to, że płci da się policzyć.
+nie jest czymś, co można zliczyć.
-To jak pytanie „ile jest kolorów?” – wprawdzie granica między zielonym a niebieskim jest umowna,
+To jak pytanie, _ile jest kolorów_? – wprawdzie granica między zielonym a niebieskim jest umowna,
-ale mówienie, że są dwa: „jasny” i „ciemny”, to niedopowiedzenie.
+ale mówienie, że są dwa: _jasny_ i _ciemny_, to niedopowiedzenie.
 
 ## Wielorakość płci
 

locale/pl/translations.suml

@@ -887,6 +887,16 @@ faq:
                 - >
                     Wiele form, które {/zaimki=tutaj proponujemy}, można zastosować właśnie w takich sytuacjach, np.:
                     „{/on/a=moi drodzy/drogie}”, „drogie osoby”, „{/on*=wszys* chętn*}”, „{/onx=jesteś wspaniałx}”, itp.
+        ile-płci:
+            question: 'Ile jest płci?'
+            answer:
+                - >
+                    Płeć, zarówno społeczna, jak i biologiczna, jest bardziej skomplikowana niż binarny podział –
+                    nie jest czymś, co można zliczyć.
+                    To jak pytanie, <em>ile jest kolorów</em>? – wprawdzie granica między zielonym a niebieskim jest umowna,
+                    ale mówienie, że są dwa: <em>jasny</em> i <em>ciemny</em>, to niedopowiedzenie.
+                - >
+                    Więcej na ten temat piszemy w poście: {/blog/ile-jest-płci=Ile jest płci?}
         zmiana:
             question: 'Czy mogę zmienić swoje zaimki?'
             answer:

routes/faq.vue

@@ -28,14 +28,16 @@
 
         <AdPlaceholder phkey="main-0"/>
 
-        <Answer v-for="question in Object.keys($t('faq.questions'))" :key="question"
+        <section itemscope itemtype="https://schema.org/FAQPage">
-                :question="question"
+            <Answer v-for="question in Object.keys($t('faq.questions'))" :key="question"
-                :id="question" :ref="question.replace(/-/g, '_')"
+                    :question="question"
-                @click="setHash('', question)"
+                    :id="question" :ref="question.replace(/-/g, '_')"
-                v-show="!filter
+                    @click="setHash('', question)"
-                     || $t(`faq.questions.${question}.question`).toLowerCase().includes(filter.toLowerCase())
+                    v-show="!filter
-                     || $t(`faq.questions.${question}.answer`).join('|').toLowerCase().includes(filter.toLowerCase())"
+                         || $t(`faq.questions.${question}.question`).toLowerCase().includes(filter.toLowerCase())
-        />
+                         || $t(`faq.questions.${question}.answer`).join('|').toLowerCase().includes(filter.toLowerCase())"
+            />
+        </section>
 
         <AdPlaceholder phkey="main-1"/>