#128 [bug] fix: polish flags break english profiles

components/ButtonList.vue

@@ -2,7 +2,7 @@
     <div>
         <draggable tag="ul" v-model="iVal" ghostClass="ghost" @end="$emit('input', iVal)" :group="ulid"
                    class="list-inline border rounded drop-empty px-3 py-2">
-            <li v-for="val in iVal" class="list-inline-item py-1">
+            <li v-for="val in iVal" v-if="options[val]" class="list-inline-item py-1">
                 <a href="#" class="badge badge-light border p-2" @click.prevent="$emit('input', iVal.filter(v => v !== val))">
                     <slot v-bind:v="val" v-bind:desc="options[val]">
                         {{ val }}

routes/profile.vue

@@ -42,7 +42,7 @@
 
         <section v-if="profile.flags.length">
             <ul class="list-inline">
-                <li v-for="flag in profile.flags" class="list-inline-item pr-2">
+                <li v-for="flag in profile.flags" v-if="allFlags[flag]" class="list-inline-item pr-2">
                     <Flag :name="flag.startsWith('-') ? allFlags[flag] : $translateForPronoun(allFlags[flag], mainPronoun)" :alt="allFlags[flag]" :img="`/flags/${flag}.png`"/>
                 </li>
             </ul>

routes/profileEditor.vue

@@ -157,7 +157,7 @@
                     description: '',
                     birthday: profile.birthday,
                     links: Object.keys(profile.links).length ? profile.links : [],
-                    flags: profile.flags,
+                    flags: profile.flags.filter(f => !f.startsWith('-')),
                     words: defaultWords,
                 };
             }