:recycle: updated a parser flag eslint | conditional layout for card if paired flag is set true

frontend/.eslintrc

         "prettier"
     ],
     "parser": "vue-eslint-parser",
+    "parserOptions": { "ecmaVersion": 2020 },
     "rules": {}
 }

frontend/src/components/ProfileCard.vue

 <template lang="pug">
 w-card.profile-card-list--card.xs12.pa12
     header.xs12.w-flex.column.center
+        NamePlate(:pid="card.pid" :name="card.name" :role="card.role" :is-list="isList" :is-paired="isPaired")
         h1(v-if="isPaired && !isList") some other field
-        NamePlate(:pid="card.pid" :name="card.name" :role="card.role" :is-list="isList")
+        
         template(v-if="!isList")
-            SummaryBar
-            TagList
+            SummaryBar(:is-paired="isPaired" :show-about="isPaired")
+            TagList(v-if="!isPaired || isList")
 
     article.xs12.w-flex.column.justify-space-between
         AspectBar(
+            v-if="!isPaired || isList"
             v-for="aspect in aspects"
             :labels="aspect.labels"
             :percentage="aspect.percentage"
     footer(v-if="!isList")
         .pa12
             p {{ bio }}
-        PairingButton
+        PairingButton(v-if="!isPaired")
 </template>
 
 <script setup>
 import TagList from './TagList.vue'
 import PairingButton from './PairingButton.vue'
 
-const isPaired = ref(true1
+// const isPaired = ref(false)
+const isPaired = ref(true)
 
 const props = defineProps({
     card: {

frontend/src/components/SummaryBar.vue

 <template lang="pug">
 section.w-flex.column.pb5
-    nav.xs12
+    nav.fill-width.w-flex.row
+        h1(v-if="showAbout") about
         ul.xs12.w-flex.row
-            li(v-if="showAbout") about
             li(v-for="[label, percentage] in summary" :key="label").w-flex.row
                 w-icon(xl).mr1 mdi mdi-heart
                 .w-flex.column.justify-start