diff --git a/js/package.json b/js/package.json
index 6bd24a65f..6f5a2b51e 100644
--- a/js/package.json
+++ b/js/package.json
@@ -22,7 +22,7 @@
     "apollo-link-http": "^1.5.17",
     "apollo-link-ws": "^1.0.19",
     "apollo-utilities": "^1.3.2",
-    "buefy": "^0.8.2",
+    "buefy": "^0.9.0",
     "bulma-divider": "^0.2.0",
     "core-js": "^3.6.4",
     "date-fns": "^2.15.0",
@@ -67,14 +67,14 @@
     "@types/vuedraggable": "^2.23.0",
     "@typescript-eslint/eslint-plugin": "^2.26.0",
     "@typescript-eslint/parser": "^2.26.0",
-    "@vue/cli-plugin-babel": "~4.5.3",
-    "@vue/cli-plugin-e2e-cypress": "~4.5.3",
-    "@vue/cli-plugin-eslint": "~4.5.3",
-    "@vue/cli-plugin-pwa": "~4.5.3",
-    "@vue/cli-plugin-router": "~4.5.3",
-    "@vue/cli-plugin-typescript": "~4.5.3",
-    "@vue/cli-plugin-unit-mocha": "~4.5.3",
-    "@vue/cli-service": "~4.5.3",
+    "@vue/cli-plugin-babel": "~4.5.4",
+    "@vue/cli-plugin-e2e-cypress": "~4.5.4",
+    "@vue/cli-plugin-eslint": "~4.5.4",
+    "@vue/cli-plugin-pwa": "~4.5.4",
+    "@vue/cli-plugin-router": "~4.5.4",
+    "@vue/cli-plugin-typescript": "~4.5.4",
+    "@vue/cli-plugin-unit-mocha": "~4.5.4",
+    "@vue/cli-service": "~4.5.4",
     "@vue/eslint-config-airbnb": "^5.0.2",
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^5.0.2",
@@ -91,7 +91,7 @@
     "prettier-eslint": "^10.1.1",
     "sass-loader": "^8.0.2",
     "typescript": "~3.9.3",
-    "vue-cli-plugin-styleguidist": "~4.30.0",
+    "vue-cli-plugin-styleguidist": "~4.31.0",
     "vue-cli-plugin-svg": "~0.1.3",
     "vue-i18n-extract": "^1.0.2",
     "vue-template-compiler": "^2.6.11",
diff --git a/js/src/components/Admin/Followers.vue b/js/src/components/Admin/Followers.vue
index 6b491fc24..16a29fd2a 100644
--- a/js/src/components/Admin/Followers.vue
+++ b/js/src/components/Admin/Followers.vue
@@ -16,39 +16,44 @@
       checkable
       checkbox-position="left"
     >
-      <template slot-scope="props">
-        <b-table-column field="actor.id" label="ID" width="40" numeric>{{
-          props.row.actor.id
-        }}</b-table-column>
+      <b-table-column field="actor.id" label="ID" width="40" numeric v-slot="props">{{
+        props.row.actor.id
+      }}</b-table-column>
 
-        <b-table-column field="actor.type" :label="$t('Type')" width="80">
-          <b-icon icon="lan" v-if="RelayMixin.isInstance(props.row.actor)" />
-          <b-icon icon="account-circle" v-else />
-        </b-table-column>
+      <b-table-column field="actor.type" :label="$t('Type')" width="80" v-slot="props">
+        <b-icon icon="lan" v-if="RelayMixin.isInstance(props.row.actor)" />
+        <b-icon icon="account-circle" v-else />
+      </b-table-column>
 
-        <b-table-column field="approved" :label="$t('Status')" width="100" sortable centered>
-          <span :class="`tag ${props.row.approved ? 'is-success' : 'is-danger'}`">{{
-            props.row.approved ? $t("Accepted") : $t("Pending")
-          }}</span>
-        </b-table-column>
+      <b-table-column
+        field="approved"
+        :label="$t('Status')"
+        width="100"
+        sortable
+        centered
+        v-slot="props"
+      >
+        <span :class="`tag ${props.row.approved ? 'is-success' : 'is-danger'}`">{{
+          props.row.approved ? $t("Accepted") : $t("Pending")
+        }}</span>
+      </b-table-column>
 
-        <b-table-column field="actor.domain" :label="$t('Domain')" sortable>
-          <template>
-            <a @click="toggle(props.row)" v-if="RelayMixin.isInstance(props.row.actor)">{{
-              props.row.actor.domain
-            }}</a>
-            <a @click="toggle(props.row)" v-else>{{
-              `${props.row.actor.preferredUsername}@${props.row.actor.domain}`
-            }}</a>
-          </template>
-        </b-table-column>
+      <b-table-column field="actor.domain" :label="$t('Domain')" sortable>
+        <template v-slot:default="props">
+          <a @click="toggle(props.row)" v-if="RelayMixin.isInstance(props.row.actor)">{{
+            props.row.actor.domain
+          }}</a>
+          <a @click="toggle(props.row)" v-else>{{
+            `${props.row.actor.preferredUsername}@${props.row.actor.domain}`
+          }}</a>
+        </template>
+      </b-table-column>
 
-        <b-table-column field="targetActor.updatedAt" :label="$t('Date')" sortable>
-          <span :title="$options.filters.formatDateTimeString(props.row.updatedAt)">{{
-            timeago(props.row.updatedAt)
-          }}</span></b-table-column
-        >
-      </template>
+      <b-table-column field="targetActor.updatedAt" :label="$t('Date')" sortable v-slot="props">
+        <span :title="$options.filters.formatDateTimeString(props.row.updatedAt)">{{
+          timeago(props.row.updatedAt)
+        }}</span></b-table-column
+      >
 
       <template slot="detail" slot-scope="props">
         <article>
diff --git a/js/src/components/Admin/Followings.vue b/js/src/components/Admin/Followings.vue
index 985898227..b39d897c6 100644
--- a/js/src/components/Admin/Followings.vue
+++ b/js/src/components/Admin/Followings.vue
@@ -29,39 +29,44 @@
       checkable
       checkbox-position="left"
     >
-      <template slot-scope="props">
-        <b-table-column field="targetActor.id" label="ID" width="40" numeric>{{
-          props.row.targetActor.id
-        }}</b-table-column>
+      <b-table-column field="targetActor.id" label="ID" width="40" numeric v-slot="props">{{
+        props.row.targetActor.id
+      }}</b-table-column>
 
-        <b-table-column field="targetActor.type" :label="$t('Type')" width="80">
-          <b-icon icon="lan" v-if="RelayMixin.isInstance(props.row.targetActor)" />
-          <b-icon icon="account-circle" v-else />
-        </b-table-column>
+      <b-table-column field="targetActor.type" :label="$t('Type')" width="80" v-slot="props">
+        <b-icon icon="lan" v-if="RelayMixin.isInstance(props.row.targetActor)" />
+        <b-icon icon="account-circle" v-else />
+      </b-table-column>
 
-        <b-table-column field="approved" :label="$t('Status')" width="100" sortable centered>
-          <span :class="`tag ${props.row.approved ? 'is-success' : 'is-danger'}`">{{
-            props.row.approved ? $t("Accepted") : $t("Pending")
-          }}</span>
-        </b-table-column>
+      <b-table-column
+        field="approved"
+        :label="$t('Status')"
+        width="100"
+        sortable
+        centered
+        v-slot="props"
+      >
+        <span :class="`tag ${props.row.approved ? 'is-success' : 'is-danger'}`">{{
+          props.row.approved ? $t("Accepted") : $t("Pending")
+        }}</span>
+      </b-table-column>
 
-        <b-table-column field="targetActor.domain" :label="$t('Domain')" sortable>
-          <template>
-            <a @click="toggle(props.row)" v-if="RelayMixin.isInstance(props.row.targetActor)">{{
-              props.row.targetActor.domain
-            }}</a>
-            <a @click="toggle(props.row)" v-else>{{
-              `${props.row.targetActor.preferredUsername}@${props.row.targetActor.domain}`
-            }}</a>
-          </template>
-        </b-table-column>
+      <b-table-column field="targetActor.domain" :label="$t('Domain')" sortable>
+        <template v-slot:default="props">
+          <a @click="toggle(props.row)" v-if="RelayMixin.isInstance(props.row.targetActor)">{{
+            props.row.targetActor.domain
+          }}</a>
+          <a @click="toggle(props.row)" v-else>{{
+            `${props.row.targetActor.preferredUsername}@${props.row.targetActor.domain}`
+          }}</a>
+        </template>
+      </b-table-column>
 
-        <b-table-column field="targetActor.updatedAt" :label="$t('Date')" sortable>
-          <span :title="$options.filters.formatDateTimeString(props.row.updatedAt)">{{
-            timeago(props.row.updatedAt)
-          }}</span></b-table-column
-        >
-      </template>
+      <b-table-column field="targetActor.updatedAt" :label="$t('Date')" sortable v-slot="props">
+        <span :title="$options.filters.formatDateTimeString(props.row.updatedAt)">{{
+          timeago(props.row.updatedAt)
+        }}</span></b-table-column
+      >
 
       <template slot="detail" slot-scope="props">
         <article>
diff --git a/js/src/components/NavBar.vue b/js/src/components/NavBar.vue
index e510aeaaf..146333c5e 100644
--- a/js/src/components/NavBar.vue
+++ b/js/src/components/NavBar.vue
@@ -1,5 +1,5 @@
 <template>
-  <b-navbar type="is-secondary" wrapper-class="container">
+  <b-navbar type="is-secondary" wrapper-class="container" :active.sync="mobileNavbarActive">
     <template slot="brand">
       <b-navbar-item tag="router-link" :to="{ name: RouteName.HOME }" :aria-label="$t('Home')">
         <logo />
@@ -26,7 +26,7 @@
     </template>
     <template slot="end">
       <b-navbar-item tag="div">
-        <search-field />
+        <search-field @navbar-search="mobileNavbarActive = false" />
       </b-navbar-item>
 
       <b-navbar-dropdown v-if="currentActor.id && currentUser.isLoggedIn" right>
@@ -157,6 +157,8 @@ export default class NavBar extends Vue {
 
   RouteName = RouteName;
 
+  mobileNavbarActive: boolean = false;
+
   @Watch("currentActor")
   async initializeListOfIdentities() {
     if (!this.currentUser.isLoggedIn) return;
diff --git a/js/src/components/SearchField.vue b/js/src/components/SearchField.vue
index f0d498a5c..0b505c2a2 100644
--- a/js/src/components/SearchField.vue
+++ b/js/src/components/SearchField.vue
@@ -24,6 +24,7 @@ export default class SearchField extends Vue {
   search: string = "";
 
   enter() {
+    this.$emit("navbar-search");
     this.$router.push({
       name: RouteName.SEARCH,
       query: { term: this.search },
diff --git a/js/src/i18n/en_US.json b/js/src/i18n/en_US.json
index 6fbe6f0dc..404246474 100644
--- a/js/src/i18n/en_US.json
+++ b/js/src/i18n/en_US.json
@@ -760,5 +760,7 @@
   "You have been removed from this group's members.": "You have been removed from this group's members.",
   "Since you are a new member, private content can take a few minutes to appear.": "Since you are a new member, private content can take a few minutes to appear.",
   "Leave group": "Leave group",
-  "Remove": "Remove"
+  "Remove": "Remove",
+  "Update": "Update",
+  "Search…": "Search…"
 }
diff --git a/js/src/i18n/fr_FR.json b/js/src/i18n/fr_FR.json
index f02a5eedd..ea55d361a 100644
--- a/js/src/i18n/fr_FR.json
+++ b/js/src/i18n/fr_FR.json
@@ -761,5 +761,7 @@
   "You have been removed from this group's members.": "Vous avez été exclu des membres de ce groupe.",
   "Since you are a new member, private content can take a few minutes to appear.": "Étant donné que vous êtes un·e nouveau·elle membre, le contenu privé peut mettre quelques minutes à arriver.",
   "Leave group": "Quitter le groupe",
-  "Remove": "Exclure"
+  "Remove": "Exclure",
+  "Update": "Éditer",
+  "Search…": "Rechercher…"
 }
diff --git a/js/src/views/Admin/AdminProfile.vue b/js/src/views/Admin/AdminProfile.vue
index 8683a27a5..41be242c1 100644
--- a/js/src/views/Admin/AdminProfile.vue
+++ b/js/src/views/Admin/AdminProfile.vue
@@ -71,16 +71,14 @@
         :per-page="EVENTS_PER_PAGE"
         @page-change="onOrganizedEventsPageChange"
       >
-        <template slot-scope="props">
-          <b-table-column field="beginsOn" :label="$t('Begins on')">
-            {{ props.row.beginsOn | formatDateTimeString }}
-          </b-table-column>
-          <b-table-column field="title" :label="$t('Title')">
-            <router-link :to="{ name: RouteName.EVENT, params: { uuid: props.row.uuid } }">
-              {{ props.row.title }}
-            </router-link>
-          </b-table-column>
-        </template>
+        <b-table-column field="beginsOn" :label="$t('Begins on')" v-slot="props">
+          {{ props.row.beginsOn | formatDateTimeString }}
+        </b-table-column>
+        <b-table-column field="title" :label="$t('Title')" v-slot="props">
+          <router-link :to="{ name: RouteName.EVENT, params: { uuid: props.row.uuid } }">
+            {{ props.row.title }}
+          </router-link>
+        </b-table-column>
         <template slot="empty">
           <section class="section">
             <div class="content has-text-grey has-text-centered">
@@ -107,16 +105,14 @@
         :per-page="EVENTS_PER_PAGE"
         @page-change="onParticipationsPageChange"
       >
-        <template slot-scope="props">
-          <b-table-column field="beginsOn" :label="$t('Begins on')">
-            {{ props.row.beginsOn | formatDateTimeString }}
-          </b-table-column>
-          <b-table-column field="title" :label="$t('Title')">
-            <router-link :to="{ name: RouteName.EVENT, params: { uuid: props.row.uuid } }">
-              {{ props.row.title }}
-            </router-link>
-          </b-table-column>
-        </template>
+        <b-table-column field="beginsOn" :label="$t('Begins on')" v-slot="props">
+          {{ props.row.beginsOn | formatDateTimeString }}
+        </b-table-column>
+        <b-table-column field="title" :label="$t('Title')" v-slot="props">
+          <router-link :to="{ name: RouteName.EVENT, params: { uuid: props.row.uuid } }">
+            {{ props.row.title }}
+          </router-link>
+        </b-table-column>
         <template slot="empty">
           <section class="section">
             <div class="content has-text-grey has-text-centered">
diff --git a/js/src/views/Admin/Profiles.vue b/js/src/views/Admin/Profiles.vue
index 083ba156d..47eb44985 100644
--- a/js/src/views/Admin/Profiles.vue
+++ b/js/src/views/Admin/Profiles.vue
@@ -24,16 +24,16 @@
         @page-change="onPageChange"
         @filters-change="onFiltersChange"
       >
-        <template slot-scope="props">
-          <b-table-column field="preferredUsername" :label="$t('Username')" searchable>
-            <template slot="searchable" slot-scope="props">
-              <b-input
-                v-model="props.filters.preferredUsername"
-                placeholder="Search..."
-                icon="magnify"
-                size="is-small"
-              />
-            </template>
+        <b-table-column field="preferredUsername" :label="$t('Username')" searchable>
+          <template slot="searchable" slot-scope="props">
+            <b-input
+              v-model="props.filters.preferredUsername"
+              placeholder="Search..."
+              icon="magnify"
+              size="is-small"
+            />
+          </template>
+          <template v-slot:default="props">
             <router-link
               class="profile"
               :to="{ name: RouteName.ADMIN_PROFILE, params: { id: props.row.id } }"
@@ -53,20 +53,22 @@
                 </div>
               </article>
             </router-link>
-          </b-table-column>
+          </template>
+        </b-table-column>
 
-          <b-table-column field="domain" :label="$t('Domain')" searchable>
-            <template slot="searchable" slot-scope="props">
-              <b-input
-                v-model="props.filters.domain"
-                placeholder="Search..."
-                icon="magnify"
-                size="is-small"
-              />
-            </template>
+        <b-table-column field="domain" :label="$t('Domain')" searchable>
+          <template slot="searchable" slot-scope="props">
+            <b-input
+              v-model="props.filters.domain"
+              placeholder="Search..."
+              icon="magnify"
+              size="is-small"
+            />
+          </template>
+          <template v-slot:default="props">
             {{ props.row.domain }}
-          </b-table-column>
-        </template>
+          </template>
+        </b-table-column>
         <template slot="empty">
           <section class="section">
             <div class="content has-text-grey has-text-centered">
diff --git a/js/src/views/Admin/Users.vue b/js/src/views/Admin/Users.vue
index 2f0100f4a..6d1d06381 100644
--- a/js/src/views/Admin/Users.vue
+++ b/js/src/views/Admin/Users.vue
@@ -25,19 +25,19 @@
         @page-change="onPageChange"
         @filters-change="onFiltersChange"
       >
-        <template slot-scope="props">
-          <b-table-column field="id" width="40" numeric>
-            {{ props.row.id }}
-          </b-table-column>
-          <b-table-column field="email" :label="$t('Email')" searchable>
-            <template slot="searchable" slot-scope="props">
-              <b-input
-                v-model="props.filters.email"
-                placeholder="Search..."
-                icon="magnify"
-                size="is-small"
-              />
-            </template>
+        <b-table-column field="id" width="40" numeric v-slot="props">
+          {{ props.row.id }}
+        </b-table-column>
+        <b-table-column field="email" :label="$t('Email')" searchable>
+          <template slot="searchable" slot-scope="props">
+            <b-input
+              v-model="props.filters.email"
+              :placeholder="$t('Search…')"
+              icon="magnify"
+              size="is-small"
+            />
+          </template>
+          <template v-slot:default="props">
             <router-link
               class="user-profile"
               :to="{ name: RouteName.ADMIN_USER_PROFILE, params: { id: props.row.id } }"
@@ -45,19 +45,24 @@
             >
               {{ props.row.email }}
             </router-link>
-          </b-table-column>
-          <b-table-column field="confirmedAt" :label="$t('Confirmed at')" :centered="true">
-            <template v-if="props.row.confirmedAt">
-              {{ props.row.confirmedAt | formatDateTimeString }}
-            </template>
-            <template v-else>
-              {{ $t("Not confirmed") }}
-            </template>
-          </b-table-column>
-          <b-table-column field="locale" :label="$t('Language')" :centered="true">
-            {{ props.row.locale }}
-          </b-table-column>
-        </template>
+          </template>
+        </b-table-column>
+        <b-table-column
+          field="confirmedAt"
+          :label="$t('Confirmed at')"
+          :centered="true"
+          v-slot="props"
+        >
+          <template v-if="props.row.confirmedAt">
+            {{ props.row.confirmedAt | formatDateTimeString }}
+          </template>
+          <template v-else>
+            {{ $t("Not confirmed") }}
+          </template>
+        </b-table-column>
+        <b-table-column field="locale" :label="$t('Language')" :centered="true" v-slot="props">
+          {{ props.row.locale }}
+        </b-table-column>
 
         <template slot="detail" slot-scope="props">
           <router-link
@@ -68,9 +73,10 @@
           >
             <article class="media">
               <figure class="media-left">
-                <p class="image is-64x64">
+                <p class="image is-32x32" v-if="actor.avatar">
                   <img :src="actor.avatar.url" />
                 </p>
+                <b-icon v-else size="is-medium" icon="account-circle" />
               </figure>
               <div class="media-content">
                 <div class="content">
diff --git a/js/src/views/Event/Participants.vue b/js/src/views/Event/Participants.vue
index c68357a6b..86a57ce84 100644
--- a/js/src/views/Event/Participants.vue
+++ b/js/src/views/Event/Participants.vue
@@ -72,71 +72,69 @@
         @page-change="(newPage) => (page = newPage)"
         @sort="(field, order) => $emit('sort', field, order)"
       >
-        <template slot-scope="props">
-          <b-table-column field="actor.preferredUsername" :label="$t('Participant')">
-            <article class="media">
-              <figure class="media-left image is-48x48" v-if="props.row.actor.avatar">
-                <img class="is-rounded" :src="props.row.actor.avatar.url" alt="" />
-              </figure>
-              <b-icon
-                class="media-left"
-                v-else-if="props.row.actor.preferredUsername === 'anonymous'"
-                size="is-large"
-                icon="incognito"
-              />
-              <b-icon class="media-left" v-else size="is-large" icon="account-circle" />
-              <div class="media-content">
-                <div class="content">
-                  <span v-if="props.row.actor.preferredUsername !== 'anonymous'">
-                    <span v-if="props.row.actor.name">{{ props.row.actor.name }}</span
-                    ><br />
-                    <span class="is-size-7 has-text-grey"
-                      >@{{ usernameWithDomain(props.row.actor) }}</span
-                    >
-                  </span>
-                  <span v-else>
-                    {{ $t("Anonymous participant") }}
-                  </span>
-                </div>
+        <b-table-column field="actor.preferredUsername" :label="$t('Participant')" v-slot="props">
+          <article class="media">
+            <figure class="media-left image is-48x48" v-if="props.row.actor.avatar">
+              <img class="is-rounded" :src="props.row.actor.avatar.url" alt="" />
+            </figure>
+            <b-icon
+              class="media-left"
+              v-else-if="props.row.actor.preferredUsername === 'anonymous'"
+              size="is-large"
+              icon="incognito"
+            />
+            <b-icon class="media-left" v-else size="is-large" icon="account-circle" />
+            <div class="media-content">
+              <div class="content">
+                <span v-if="props.row.actor.preferredUsername !== 'anonymous'">
+                  <span v-if="props.row.actor.name">{{ props.row.actor.name }}</span
+                  ><br />
+                  <span class="is-size-7 has-text-grey"
+                    >@{{ usernameWithDomain(props.row.actor) }}</span
+                  >
+                </span>
+                <span v-else>
+                  {{ $t("Anonymous participant") }}
+                </span>
               </div>
-            </article>
-          </b-table-column>
-          <b-table-column field="role" :label="$t('Role')">
-            <b-tag type="is-primary" v-if="props.row.role === ParticipantRole.CREATOR">
-              {{ $t("Organizer") }}
-            </b-tag>
-            <b-tag v-else-if="props.row.role === ParticipantRole.PARTICIPANT">
-              {{ $t("Participant") }}
-            </b-tag>
-            <b-tag type="is-warning" v-else-if="props.row.role === ParticipantRole.NOT_APPROVED">
-              {{ $t("Not approved") }}
-            </b-tag>
-            <b-tag type="is-danger" v-else-if="props.row.role === ParticipantRole.REJECTED">
-              {{ $t("Rejected") }}
-            </b-tag>
-          </b-table-column>
-          <b-table-column field="metadata.message" :label="$t('Message')">
-            <span
-              @click="toggleQueueDetails(props.row)"
-              :class="{
-                'ellipsed-message': props.row.metadata.message.length > MESSAGE_ELLIPSIS_LENGTH,
-              }"
-              v-if="props.row.metadata && props.row.metadata.message"
-            >
-              {{ props.row.metadata.message | ellipsize }}
-            </span>
-            <span v-else class="has-text-grey">
-              {{ $t("No message") }}
-            </span>
-          </b-table-column>
-          <b-table-column field="insertedAt" :label="$t('Date')">
-            <span class="has-text-centered">
-              {{ props.row.insertedAt | formatDateString }}<br />{{
-                props.row.insertedAt | formatTimeString
-              }}
-            </span>
-          </b-table-column>
-        </template>
+            </div>
+          </article>
+        </b-table-column>
+        <b-table-column field="role" :label="$t('Role')" v-slot="props">
+          <b-tag type="is-primary" v-if="props.row.role === ParticipantRole.CREATOR">
+            {{ $t("Organizer") }}
+          </b-tag>
+          <b-tag v-else-if="props.row.role === ParticipantRole.PARTICIPANT">
+            {{ $t("Participant") }}
+          </b-tag>
+          <b-tag type="is-warning" v-else-if="props.row.role === ParticipantRole.NOT_APPROVED">
+            {{ $t("Not approved") }}
+          </b-tag>
+          <b-tag type="is-danger" v-else-if="props.row.role === ParticipantRole.REJECTED">
+            {{ $t("Rejected") }}
+          </b-tag>
+        </b-table-column>
+        <b-table-column field="metadata.message" :label="$t('Message')" v-slot="props">
+          <span
+            @click="toggleQueueDetails(props.row)"
+            :class="{
+              'ellipsed-message': props.row.metadata.message.length > MESSAGE_ELLIPSIS_LENGTH,
+            }"
+            v-if="props.row.metadata && props.row.metadata.message"
+          >
+            {{ props.row.metadata.message | ellipsize }}
+          </span>
+          <span v-else class="has-text-grey">
+            {{ $t("No message") }}
+          </span>
+        </b-table-column>
+        <b-table-column field="insertedAt" :label="$t('Date')" v-slot="props">
+          <span class="has-text-centered">
+            {{ props.row.insertedAt | formatDateString }}<br />{{
+              props.row.insertedAt | formatTimeString
+            }}
+          </span>
+        </b-table-column>
         <template slot="detail" slot-scope="props">
           <article v-html="nl2br(props.row.metadata.message)" />
         </template>
diff --git a/js/src/views/Group/GroupMembers.vue b/js/src/views/Group/GroupMembers.vue
index 756a730e8..9996a9444 100644
--- a/js/src/views/Group/GroupMembers.vue
+++ b/js/src/views/Group/GroupMembers.vue
@@ -89,60 +89,58 @@
         @page-change="(newPage) => (page = newPage)"
         @sort="(field, order) => $emit('sort', field, order)"
       >
-        <template slot-scope="props">
-          <b-table-column field="actor.preferredUsername" :label="$t('Member')">
-            <article class="media">
-              <figure class="media-left image is-48x48" v-if="props.row.actor.avatar">
-                <img class="is-rounded" :src="props.row.actor.avatar.url" alt="" />
-              </figure>
-              <b-icon class="media-left" v-else size="is-large" icon="account-circle" />
-              <div class="media-content">
-                <div class="content">
-                  <span v-if="props.row.actor.name">{{ props.row.actor.name }}</span
-                  ><br />
-                  <span class="is-size-7 has-text-grey"
-                    >@{{ usernameWithDomain(props.row.actor) }}</span
-                  >
-                </div>
+        <b-table-column field="actor.preferredUsername" :label="$t('Member')" v-slot="props">
+          <article class="media">
+            <figure class="media-left image is-48x48" v-if="props.row.actor.avatar">
+              <img class="is-rounded" :src="props.row.actor.avatar.url" alt="" />
+            </figure>
+            <b-icon class="media-left" v-else size="is-large" icon="account-circle" />
+            <div class="media-content">
+              <div class="content">
+                <span v-if="props.row.actor.name">{{ props.row.actor.name }}</span
+                ><br />
+                <span class="is-size-7 has-text-grey"
+                  >@{{ usernameWithDomain(props.row.actor) }}</span
+                >
               </div>
-            </article>
-          </b-table-column>
-          <b-table-column field="role" :label="$t('Role')">
-            <b-tag type="is-primary" v-if="props.row.role === MemberRole.ADMINISTRATOR">
-              {{ $t("Administrator") }}
-            </b-tag>
-            <b-tag type="is-primary" v-else-if="props.row.role === MemberRole.MODERATOR">
-              {{ $t("Moderator") }}
-            </b-tag>
-            <b-tag v-else-if="props.row.role === MemberRole.MEMBER">
-              {{ $t("Member") }}
-            </b-tag>
-            <b-tag type="is-warning" v-else-if="props.row.role === MemberRole.NOT_APPROVED">
-              {{ $t("Not approved") }}
-            </b-tag>
-            <b-tag type="is-danger" v-else-if="props.row.role === MemberRole.REJECTED">
-              {{ $t("Rejected") }}
-            </b-tag>
-            <b-tag type="is-danger" v-else-if="props.row.role === MemberRole.INVITED">
-              {{ $t("Invited") }}
-            </b-tag>
-          </b-table-column>
-          <b-table-column field="insertedAt" :label="$t('Date')">
-            <span class="has-text-centered">
-              {{ props.row.insertedAt | formatDateString }}<br />{{
-                props.row.insertedAt | formatTimeString
-              }}
-            </span>
-          </b-table-column>
-          <b-table-column field="actions" :label="$t('Actions')">
-            <b-button
-              v-if="props.row.role === MemberRole.MEMBER"
-              @click="removeMember(props.row.id)"
-              type="is-danger"
-              >{{ $t("Remove") }}</b-button
-            >
-          </b-table-column>
-        </template>
+            </div>
+          </article>
+        </b-table-column>
+        <b-table-column field="role" :label="$t('Role')" v-slot="props">
+          <b-tag type="is-primary" v-if="props.row.role === MemberRole.ADMINISTRATOR">
+            {{ $t("Administrator") }}
+          </b-tag>
+          <b-tag type="is-primary" v-else-if="props.row.role === MemberRole.MODERATOR">
+            {{ $t("Moderator") }}
+          </b-tag>
+          <b-tag v-else-if="props.row.role === MemberRole.MEMBER">
+            {{ $t("Member") }}
+          </b-tag>
+          <b-tag type="is-warning" v-else-if="props.row.role === MemberRole.NOT_APPROVED">
+            {{ $t("Not approved") }}
+          </b-tag>
+          <b-tag type="is-danger" v-else-if="props.row.role === MemberRole.REJECTED">
+            {{ $t("Rejected") }}
+          </b-tag>
+          <b-tag type="is-danger" v-else-if="props.row.role === MemberRole.INVITED">
+            {{ $t("Invited") }}
+          </b-tag>
+        </b-table-column>
+        <b-table-column field="insertedAt" :label="$t('Date')" v-slot="props">
+          <span class="has-text-centered">
+            {{ props.row.insertedAt | formatDateString }}<br />{{
+              props.row.insertedAt | formatTimeString
+            }}
+          </span>
+        </b-table-column>
+        <b-table-column field="actions" :label="$t('Actions')" v-slot="props">
+          <b-button
+            v-if="props.row.role === MemberRole.MEMBER"
+            @click="removeMember(props.row.id)"
+            type="is-danger"
+            >{{ $t("Remove") }}</b-button
+          >
+        </b-table-column>
         <template slot="empty">
           <section class="section">
             <div class="content has-text-grey has-text-centered">
diff --git a/js/yarn.lock b/js/yarn.lock
index 55b382d42..7fb3c25c2 100644
--- a/js/yarn.lock
+++ b/js/yarn.lock
@@ -1338,9 +1338,9 @@
     "@types/prosemirror-model" "*"
 
 "@types/prosemirror-view@*", "@types/prosemirror-view@^1.11.4":
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/@types/prosemirror-view/-/prosemirror-view-1.15.0.tgz#47d80431559107854f559ccaa29f919f5224a440"
-  integrity sha512-OBIAiVInYS0cr4txLZEVYs1t1aFKaAZvogFDgkZfLwa+uda+LNPSs6m4tNLU/KXoFu9iK9CPOpiYTlDQPEnU6g==
+  version "1.15.1"
+  resolved "https://registry.yarnpkg.com/@types/prosemirror-view/-/prosemirror-view-1.15.1.tgz#7c2f68d64796727cbd43ff38437b645a02ac1e87"
+  integrity sha512-ZdgIqDLWiO4wW4DhK8OjEVam3/DhBcggQeZ6zLts+UCflAZPnEk5dzRqFBVEyrvWqSAGLuPAoOgGAPjj/XwR8w==
   dependencies:
     "@types/prosemirror-model" "*"
     "@types/prosemirror-state" "*"
@@ -1553,10 +1553,10 @@
     lodash.kebabcase "^4.1.1"
     svg-tags "^1.0.0"
 
-"@vue/babel-preset-app@^4.5.3":
-  version "4.5.3"
-  resolved "https://registry.yarnpkg.com/@vue/babel-preset-app/-/babel-preset-app-4.5.3.tgz#2d8fdef342621f663311df2db6944b4fb8c1d57a"
-  integrity sha512-hncM46Afbel470p4BvCNtTiyKbcZJpfBu6NHPLeWHu9AWd8d7ObrhldaGhjgqIFSXUlKKE/W0QefYEBBEMZ1DQ==
+"@vue/babel-preset-app@^4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@vue/babel-preset-app/-/babel-preset-app-4.5.4.tgz#bb164e8ab55673c561e6e83511631eda19efd7e4"
+  integrity sha512-a+2s/lL3fE3h9/ekvpMVLhZTDjR3xt+jnpTwuQtEZ3KIuzFHxbmwAjueRZh6BKEGfB6kgZ3KqZHFX3vx/DRJ4w==
   dependencies:
     "@ant-design-vue/babel-plugin-jsx" "^1.0.0-0"
     "@babel/core" "^7.11.0"
@@ -1622,68 +1622,68 @@
     "@vue/babel-plugin-transform-vue-jsx" "^1.1.2"
     camelcase "^5.0.0"
 
-"@vue/cli-overlay@^4.5.3":
-  version "4.5.3"
-  resolved "https://registry.yarnpkg.com/@vue/cli-overlay/-/cli-overlay-4.5.3.tgz#5937a232c613e5019868ce090b7c3e5d9e5ae473"
-  integrity sha512-CHIiZEZlcb2HlZNIU6ZgNfTysNZWokQGzStfrCrQMXUXG0ffBRoi8K/kXNox2HxSfrT1Swi4NqREdPXefZJgNQ==
+"@vue/cli-overlay@^4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@vue/cli-overlay/-/cli-overlay-4.5.4.tgz#e07e3ccc2e4d770d4fdbd45cdde777d592822c19"
+  integrity sha512-nthli1n7rXaqaMZsH0KNdFqeYJxDOQNeaobp9SjeSdrpD1xAj/B0+RJMWQWIFsfdQn1AQP1UVMnkfdakTiLgxA==
 
-"@vue/cli-plugin-babel@~4.5.3":
-  version "4.5.3"
-  resolved "https://registry.yarnpkg.com/@vue/cli-plugin-babel/-/cli-plugin-babel-4.5.3.tgz#80b2d49b754f57707a25064935cb4efac60fa70c"
-  integrity sha512-couvyfj37ZLb5D0huKHQ7vk9f0vOWPmtJTTwEUidmYvdQOZdGMGuVgf/u7XoEqJqPKG1LPDaAJy45pBm1tAe+Q==
+"@vue/cli-plugin-babel@~4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@vue/cli-plugin-babel/-/cli-plugin-babel-4.5.4.tgz#a01cdcb3d46064675dd88d61b640adadcc851e2b"
+  integrity sha512-pXEzj/vkl3qOs/brhgxAu37hULCOHcOLzYKF747r1oudJq0aV1TOnQzTrP8aCE/A1CnW4Dbw/l9bt20a7btDcg==
   dependencies:
     "@babel/core" "^7.11.0"
-    "@vue/babel-preset-app" "^4.5.3"
-    "@vue/cli-shared-utils" "^4.5.3"
+    "@vue/babel-preset-app" "^4.5.4"
+    "@vue/cli-shared-utils" "^4.5.4"
     babel-loader "^8.1.0"
     cache-loader "^4.1.0"
     thread-loader "^2.1.3"
     webpack "^4.0.0"
 
-"@vue/cli-plugin-e2e-cypress@~4.5.3":
-  version "4.5.3"
-  resolved "https://registry.yarnpkg.com/@vue/cli-plugin-e2e-cypress/-/cli-plugin-e2e-cypress-4.5.3.tgz#f96b5e93cfe66891155295145dc39a5cc8c0cab8"
-  integrity sha512-hYTMA4e44L4EIbIRgpdXtDZJqKKOKdybiyyKumzD08M1jWIKSA/0rjHTyPItHg6cIuceifJcVy3JC1+9x5iNwg==
+"@vue/cli-plugin-e2e-cypress@~4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@vue/cli-plugin-e2e-cypress/-/cli-plugin-e2e-cypress-4.5.4.tgz#a70a84623464ba82a1481fd4d33d614814d80b18"
+  integrity sha512-ijmxqnfaHlXOYC2i5rA65z8INUIvJNA8WsBDDRFDuXKefpwIAxAPhEWwsEieVr8hzpDNt3ehN+LmV9sL7OwoZQ==
   dependencies:
-    "@vue/cli-shared-utils" "^4.5.3"
+    "@vue/cli-shared-utils" "^4.5.4"
     cypress "^3.8.3"
     eslint-plugin-cypress "^2.10.3"
 
-"@vue/cli-plugin-eslint@~4.5.3":
-  version "4.5.3"
-  resolved "https://registry.yarnpkg.com/@vue/cli-plugin-eslint/-/cli-plugin-eslint-4.5.3.tgz#edac801bf05001e1a7fccd58b20c1a6cfe52701a"
-  integrity sha512-zSOLvLGI2gXdYTlkTOOgll1PbeXj7ka1mTKKHaFl/nNQhc76CiJ0Y/OzZlWqJOgk2lRlbL86KdioDh2FzZxFiw==
+"@vue/cli-plugin-eslint@~4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@vue/cli-plugin-eslint/-/cli-plugin-eslint-4.5.4.tgz#0f1f307abfe1e4ad67dcb97693640942b15fae76"
+  integrity sha512-mWuhKtxMiAM70nPW/NnoWtf32YJoOPPt7SyNmsAjBKSRPcje+16Egl7BD8yuPKoF1MTkvs5CM/e7gp3AnSTFzQ==
   dependencies:
-    "@vue/cli-shared-utils" "^4.5.3"
+    "@vue/cli-shared-utils" "^4.5.4"
     eslint-loader "^2.2.1"
     globby "^9.2.0"
     inquirer "^7.1.0"
     webpack "^4.0.0"
     yorkie "^2.0.0"
 
-"@vue/cli-plugin-pwa@~4.5.3":
-  version "4.5.3"
-  resolved "https://registry.yarnpkg.com/@vue/cli-plugin-pwa/-/cli-plugin-pwa-4.5.3.tgz#2ad9bd9f5f357e0f26b6316a815ff229636c2c52"
-  integrity sha512-brc8SF7OP9jW+mAYOC0iuOEGNNTNQX5TXpnRWw3gm+XNknLpet6Aew7VX78jsm+j1k343QJPA16FroScPLoHPA==
+"@vue/cli-plugin-pwa@~4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@vue/cli-plugin-pwa/-/cli-plugin-pwa-4.5.4.tgz#18c08b1086cabe610bee0d4a4b8dcc2c9410cd75"
+  integrity sha512-bJ3L3MWg9opjFnEfagZHP9GDmwS3mT0NG7DxBYUYyu/ELyQy6p2y+Zz4anuGwIDISJRY9jnU5/hRy9+Psyz7ew==
   dependencies:
-    "@vue/cli-shared-utils" "^4.5.3"
+    "@vue/cli-shared-utils" "^4.5.4"
     webpack "^4.0.0"
     workbox-webpack-plugin "^4.3.1"
 
-"@vue/cli-plugin-router@^4.5.3", "@vue/cli-plugin-router@~4.5.3":
-  version "4.5.3"
-  resolved "https://registry.yarnpkg.com/@vue/cli-plugin-router/-/cli-plugin-router-4.5.3.tgz#32c73d6b68b1d2b0d945dcc9be3ceb15e1d7fd52"
-  integrity sha512-e0EqfwY4AGar1SX3rqD58QMoMYIxRD0AUauNiwSmuGjyA0Fr4Lfl1gBEPDCMZ5jIsO/4QNBateQGUy1S/GlxAw==
+"@vue/cli-plugin-router@^4.5.4", "@vue/cli-plugin-router@~4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@vue/cli-plugin-router/-/cli-plugin-router-4.5.4.tgz#06f22408c7ed6aceddbf7302cb47a293b7af4347"
+  integrity sha512-9/qRICZbq1qucq9M9z6jYT5UWNvcTu9BgHtXgsaK9gJsdmpxDIfD0SvW9nzZaHb8xxixvDRotMM/0Juw2oCsKQ==
   dependencies:
-    "@vue/cli-shared-utils" "^4.5.3"
+    "@vue/cli-shared-utils" "^4.5.4"
 
-"@vue/cli-plugin-typescript@~4.5.3":
-  version "4.5.3"
-  resolved "https://registry.yarnpkg.com/@vue/cli-plugin-typescript/-/cli-plugin-typescript-4.5.3.tgz#e42f68e6c4270e929d7a6cb55ba9490108832756"
-  integrity sha512-fYfHfXf7vM86IEHyIVgSmqsZpphBeQXJwXLzm2O/R2Af+QkqKEHp0S6VP4TIynM4MPq+55Y++D0aKfzFS1B4pA==
+"@vue/cli-plugin-typescript@~4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@vue/cli-plugin-typescript/-/cli-plugin-typescript-4.5.4.tgz#50e78207daa7595670c5626ee9b2251d0f6ab345"
+  integrity sha512-+EKeZZTc65S+6IjsQECCxDqp8mnvnHZAavXkO+osm/tOHnwezTD5jXGzCfmpEuoncGkO2e6xQGFht5ZHPZAKnA==
   dependencies:
     "@types/webpack-env" "^1.15.2"
-    "@vue/cli-shared-utils" "^4.5.3"
+    "@vue/cli-shared-utils" "^4.5.4"
     cache-loader "^4.1.0"
     fork-ts-checker-webpack-plugin "^3.1.1"
     globby "^9.2.0"
@@ -1695,26 +1695,26 @@
   optionalDependencies:
     fork-ts-checker-webpack-plugin-v5 "npm:fork-ts-checker-webpack-plugin@^5.0.11"
 
-"@vue/cli-plugin-unit-mocha@~4.5.3":
-  version "4.5.3"
-  resolved "https://registry.yarnpkg.com/@vue/cli-plugin-unit-mocha/-/cli-plugin-unit-mocha-4.5.3.tgz#1f86545dfdf53d9b1aa66eacb741bb8ee5cc75c1"
-  integrity sha512-1AWl7jLOBkcTIjo7bqp9wLIgDpjAifIFw3fKINiDnm5Na2CKIBiGUCLo1CHwNz/Adz6zgBtuAxuZyCnTpQArog==
+"@vue/cli-plugin-unit-mocha@~4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@vue/cli-plugin-unit-mocha/-/cli-plugin-unit-mocha-4.5.4.tgz#11acc3c7d496fd8e374f608049ec11caaff443f3"
+  integrity sha512-22OdBw2Ie1DDVpHcQlGr+wSQrm32xeNVDCy9wV6Ghndp6EguiWno37+PN3TxfejdTp+nqoCYhzP+A2a24JkvrQ==
   dependencies:
-    "@vue/cli-shared-utils" "^4.5.3"
+    "@vue/cli-shared-utils" "^4.5.4"
     jsdom "^15.2.1"
     jsdom-global "^3.0.2"
     mocha "^6.2.2"
     mochapack "^1.1.15"
 
-"@vue/cli-plugin-vuex@^4.5.3":
-  version "4.5.3"
-  resolved "https://registry.yarnpkg.com/@vue/cli-plugin-vuex/-/cli-plugin-vuex-4.5.3.tgz#c0a566b0156e5bbbcc41e8cec195bc683aca7f5c"
-  integrity sha512-23AAuaVbng6OUc5l7VHEGqCNiL1g1BsZL99X1rvKRttjDpdIYHtQAFsXjcTFitGpHRWoA9dgeujj/MkBPa1TcA==
+"@vue/cli-plugin-vuex@^4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@vue/cli-plugin-vuex/-/cli-plugin-vuex-4.5.4.tgz#6296e307388f61132117e0ac03188013652b0c55"
+  integrity sha512-X/F4E/dIRdiogKCdO4VGjUy5f4Fbxs7mu/gSi6Ubltle0eNE+tbBgLPH4r2g7GmHKNph4k39ikvfOMpXZcTFZg==
 
-"@vue/cli-service@~4.5.3":
-  version "4.5.3"
-  resolved "https://registry.yarnpkg.com/@vue/cli-service/-/cli-service-4.5.3.tgz#4cf269a86d3d78c0568ed77908c18e9b970ad2ff"
-  integrity sha512-AufXUW+n8Wh9pqJu1v9Uh+6Sx6HdDrRopHMhUB/FrXhLFFPXRDo+s9zFC5QuJSt+roR0oBwmAp/x6KvBFQosIQ==
+"@vue/cli-service@~4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@vue/cli-service/-/cli-service-4.5.4.tgz#f903edf555d107404624de2fed5996da8cedc524"
+  integrity sha512-30zcebYno9tMvGsvZsnSPtieBvU5H3CkRW1JgiBmPG3Fcxp3BGSAy82Dl1gOUEj1VsAUqXWKMWX6frkYldi8UA==
   dependencies:
     "@intervolga/optimize-cssnano-plugin" "^1.0.5"
     "@soda/friendly-errors-webpack-plugin" "^1.7.1"
@@ -1722,10 +1722,10 @@
     "@types/minimist" "^1.2.0"
     "@types/webpack" "^4.0.0"
     "@types/webpack-dev-server" "^3.11.0"
-    "@vue/cli-overlay" "^4.5.3"
-    "@vue/cli-plugin-router" "^4.5.3"
-    "@vue/cli-plugin-vuex" "^4.5.3"
-    "@vue/cli-shared-utils" "^4.5.3"
+    "@vue/cli-overlay" "^4.5.4"
+    "@vue/cli-plugin-router" "^4.5.4"
+    "@vue/cli-plugin-vuex" "^4.5.4"
+    "@vue/cli-shared-utils" "^4.5.4"
     "@vue/component-compiler-utils" "^3.1.2"
     "@vue/preload-webpack-plugin" "^1.1.0"
     "@vue/web-component-wrapper" "^1.2.0"
@@ -1774,10 +1774,10 @@
   optionalDependencies:
     vue-loader-v16 "npm:vue-loader@^16.0.0-beta.3"
 
-"@vue/cli-shared-utils@^4.5.3":
-  version "4.5.3"
-  resolved "https://registry.yarnpkg.com/@vue/cli-shared-utils/-/cli-shared-utils-4.5.3.tgz#23bcca7ffc3a09b2c50d8b8d9d031a9ff775b512"
-  integrity sha512-AjXSll67gpYWyjGOyHrwofLuxa7vL8KM6aUQCII+cHlFQey6oLS5bAWq9qcIM0P2ZyD+6i0fooNCihIuNrX4yg==
+"@vue/cli-shared-utils@^4.5.4":
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/@vue/cli-shared-utils/-/cli-shared-utils-4.5.4.tgz#ed36b2971dc02653f7f2ad4e66bbe9510e1bd414"
+  integrity sha512-7ZwAvGxl5szGuaJCc4jdPy/2Lb7oJvG847MDF+7pZ7FVl6bURwbUJjiUwL6DTxvpC4vch6B4tXfVvZFjzVP/bw==
   dependencies:
     "@hapi/joi" "^15.0.1"
     chalk "^2.4.2"
@@ -3153,12 +3153,12 @@ buble@0.19.8, buble@^0.19.7:
     os-homedir "^2.0.0"
     regexpu-core "^4.5.4"
 
-buefy@^0.8.2:
-  version "0.8.20"
-  resolved "https://registry.yarnpkg.com/buefy/-/buefy-0.8.20.tgz#75708800548220654575903d031a81fc8575b7f3"
-  integrity sha512-pg8Cn0m9cjqp2/vaKT4VIfU8KIumuX/gAT1GtearXRs56+kKqAPx3j9O8cm9W6P4jPUCHajKX6H8AqD0ram2Bg==
+buefy@^0.9.0:
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/buefy/-/buefy-0.9.0.tgz#564e92e18e32da9c9827be12dfd216275818f449"
+  integrity sha512-RGe2/LG+IBtWn6pzCpAZm/Qf9q2ckcv8amlTJjKmvuCiC3JjtJjJvu4tMcrapncJOgKPufpHGxep738MypnPwA==
   dependencies:
-    bulma "0.7.5"
+    bulma "0.9.0"
 
 buffer-crc32@~0.2.3:
   version "0.2.13"
@@ -3214,10 +3214,10 @@ bulma-divider@^0.2.0:
   resolved "https://registry.yarnpkg.com/bulma-divider/-/bulma-divider-0.2.0.tgz#a9b4d9fe8b270c7cb7573023c575062bc62616f3"
   integrity sha512-REe3k56GECRfDaqFjC8cwLhV4RxXmV0RubuzDJqwior9wlJcdHlN0qfW0tvUX+qphikaTQegIeRuhjRIAqkjkw==
 
-bulma@0.7.5:
-  version "0.7.5"
-  resolved "https://registry.yarnpkg.com/bulma/-/bulma-0.7.5.tgz#35066c37f82c088b68f94450be758fc00a967208"
-  integrity sha512-cX98TIn0I6sKba/DhW0FBjtaDpxTelU166pf7ICXpCCuplHWyu6C9LYZmL5PEsnePIeJaiorsTEzzNk3Tsm1hw==
+bulma@0.9.0:
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/bulma/-/bulma-0.9.0.tgz#948c5445a49e9d7546f0826cb3820d17178a814f"
+  integrity sha512-rV75CJkubNUroAt0qCRkjznZLoaXq/ctfMXsMvKSL84UetbSyx5REl96e8GoQ04G4Tkw0XF3STECffTOQrbzOQ==
 
 bytes@3.0.0:
   version "3.0.0"
@@ -14503,12 +14503,12 @@ vue-class-component@^7.2.3:
   resolved "https://registry.yarnpkg.com/vue-class-component/-/vue-class-component-7.2.5.tgz#212b3548c4fdd3314774c4adbc1c3792a40b52d0"
   integrity sha512-0CSftHY0bDTD+4FbYkuFf6+iKDjZ4h2in2YYJDRMk5daZIjrgT9LjFHvP7Rzqy9/s1pij3zDtTSLRUjsPWMwqg==
 
-vue-cli-plugin-styleguidist@~4.30.0:
-  version "4.30.0"
-  resolved "https://registry.yarnpkg.com/vue-cli-plugin-styleguidist/-/vue-cli-plugin-styleguidist-4.30.0.tgz#65be14918e03537021623209fe42606aa4f8fb1c"
-  integrity sha512-1lIeAxADtiHL22KXTtkkxs2i5Ocm2QgqaxvTRX1enHXI33KEJ4LYZ+74VKLurIPTkI9Ec98/YHbSG+lmAQwc+Q==
+vue-cli-plugin-styleguidist@~4.31.0:
+  version "4.31.0"
+  resolved "https://registry.yarnpkg.com/vue-cli-plugin-styleguidist/-/vue-cli-plugin-styleguidist-4.31.0.tgz#ab8ac1887832f4da1f8b1d07c12f318ccaa22e1e"
+  integrity sha512-8jrWPQ3wQRVTCeg+NA9g04diCHlbhv5fTUaTYWHgm1qlBldvpYVfNRV1r5cleMcu7h4HTvrTcYRtRqkYFYCtpg==
   dependencies:
-    vue-styleguidist "^4.30.0"
+    vue-styleguidist "^4.31.0"
     webpack-merge "^4.2.1"
 
 vue-cli-plugin-svg@~0.1.3:
@@ -14522,10 +14522,10 @@ vue-cli-plugin-svg@~0.1.3:
     url-loader "^2.0.0"
     vue-svg-loader "^0.12.0"
 
-vue-docgen-api@^4.30.0:
-  version "4.30.0"
-  resolved "https://registry.yarnpkg.com/vue-docgen-api/-/vue-docgen-api-4.30.0.tgz#5185c3cc5f743061bb505dee2a021bd60bc359e1"
-  integrity sha512-AOwAipNtcUhKwJ0MuVa4Ey33iGFgg531MOeKTk6Mi0s99+tWGZtrXXSwOhRp/xwAK2Kqt07PkIr97IfeRMR1og==
+vue-docgen-api@^4.31.0:
+  version "4.31.0"
+  resolved "https://registry.yarnpkg.com/vue-docgen-api/-/vue-docgen-api-4.31.0.tgz#65e01e0042052b629fd38bd6b9a41fd9b6a67ede"
+  integrity sha512-OT8EMUSEoAcx94MDa4Ie3EW2gyXJ9c5j88/lY9YbyQ51n90Sx0EmbfkucmZy14bue/x1HmQSSNKkqxBlZasVIQ==
   dependencies:
     "@babel/parser" "^7.6.0"
     "@babel/types" "^7.6.0"
@@ -14651,10 +14651,10 @@ vue-style-loader@^4.1.0, vue-style-loader@^4.1.2:
     hash-sum "^1.0.2"
     loader-utils "^1.0.2"
 
-vue-styleguidist@^4.30.0:
-  version "4.30.0"
-  resolved "https://registry.yarnpkg.com/vue-styleguidist/-/vue-styleguidist-4.30.0.tgz#14d663d03ab645e235db0fee871c7eee928f5433"
-  integrity sha512-7FKv9g6Lyz5/OCsKLLyzptw3mUNQgaH+pdnT1ka6GUe9hQ9AJTss5QKoo09khmBEVSg1OSIvaN8+KE/ceKN1WA==
+vue-styleguidist@^4.31.0:
+  version "4.31.0"
+  resolved "https://registry.yarnpkg.com/vue-styleguidist/-/vue-styleguidist-4.31.0.tgz#bbb3a2ff275e5fa879c66e642de59a60e82f1cca"
+  integrity sha512-AqeLy/hvaLa/9PKT3OVMuCqP7nIQxYDvlU1q6yqqIzIxovLd9qBTtTwmKwVAoZHARzU6VaPWPK/Xu75hwWha2Q==
   dependencies:
     "@vxna/mini-html-webpack-template" "^1.0.0"
     ast-types "^0.13.3"
@@ -14704,7 +14704,7 @@ vue-styleguidist@^4.30.0:
     style-loader "^1.0.0"
     terser-webpack-plugin "^2.2.2"
     to-ast "^1.0.0"
-    vue-docgen-api "^4.30.0"
+    vue-docgen-api "^4.31.0"
     vue-inbrowser-compiler "^4.27.0"
     vue-inbrowser-compiler-utils "^4.27.0"
     webpack-dev-server "^3.11.0"