pleroma-fe

commit: 8163c7b55bbc66a2455777025c29e7f9015497e0
parent c682c1730f0c7b4bba47fdff225fe50b87f5f8d5
Author: Shpuld Shpuldson <shp@cock.li>
Date:   Tue, 16 Mar 2021 08:35:29 +0200

v-slot

Diffstat:
M
src/components/notifications/notification_filters.vue
117
++++++++++++++++++++++++++++++++++++++++---------------------------------------

1 file changed, 59 insertions(+), 58 deletions(-)
diff --git a/src/components/notifications/notification_filters.vue b/src/components/notifications/notification_filters.vue
@@ -5,65 +5,66 @@
     placement="bottom"
     :bound-to="{ x: 'container' }"
   >
-    <div
-      slot="content"
-      class="dropdown-menu"
+    <template
+      v-slot:content
     >
-      <button
-        class="button-default dropdown-item"
-        @click="toggleNotificationFilter('likes')"
-      >
-        <span
-          class="menu-checkbox"
-          :class="{ 'menu-checkbox-checked': filters.likes }"
-        />{{ $t('settings.notification_visibility_likes') }}
-      </button>
-      <button
-        class="button-default dropdown-item"
-        @click="toggleNotificationFilter('repeats')"
-      >
-        <span
-          class="menu-checkbox"
-          :class="{ 'menu-checkbox-checked': filters.repeats }"
-        />{{ $t('settings.notification_visibility_repeats') }}
-      </button>
-      <button
-        class="button-default dropdown-item"
-        @click="toggleNotificationFilter('follows')"
-      >
-        <span
-          class="menu-checkbox"
-          :class="{ 'menu-checkbox-checked': filters.follows }"
-        />{{ $t('settings.notification_visibility_follows') }}
-      </button>
-      <button
-        class="button-default dropdown-item"
-        @click="toggleNotificationFilter('mentions')"
-      >
-        <span
-          class="menu-checkbox"
-          :class="{ 'menu-checkbox-checked': filters.mentions }"
-        />{{ $t('settings.notification_visibility_mentions') }}
-      </button>
-      <button
-        class="button-default dropdown-item"
-        @click="toggleNotificationFilter('emojiReactions')"
-      >
-        <span
-          class="menu-checkbox"
-          :class="{ 'menu-checkbox-checked': filters.emojiReactions }"
-        />{{ $t('settings.notification_visibility_emoji_reactions') }}
-      </button>
-      <button
-        class="button-default dropdown-item"
-        @click="toggleNotificationFilter('moves')"
-      >
-        <span
-          class="menu-checkbox"
-          :class="{ 'menu-checkbox-checked': filters.moves }"
-        />{{ $t('settings.notification_visibility_moves') }}
-      </button>
-    </div>
+      <div class="dropdown-menu">
+        <button
+          class="button-default dropdown-item"
+          @click="toggleNotificationFilter('likes')"
+        >
+          <span
+            class="menu-checkbox"
+            :class="{ 'menu-checkbox-checked': filters.likes }"
+          />{{ $t('settings.notification_visibility_likes') }}
+        </button>
+        <button
+          class="button-default dropdown-item"
+          @click="toggleNotificationFilter('repeats')"
+        >
+          <span
+            class="menu-checkbox"
+            :class="{ 'menu-checkbox-checked': filters.repeats }"
+          />{{ $t('settings.notification_visibility_repeats') }}
+        </button>
+        <button
+          class="button-default dropdown-item"
+          @click="toggleNotificationFilter('follows')"
+        >
+          <span
+            class="menu-checkbox"
+            :class="{ 'menu-checkbox-checked': filters.follows }"
+          />{{ $t('settings.notification_visibility_follows') }}
+        </button>
+        <button
+          class="button-default dropdown-item"
+          @click="toggleNotificationFilter('mentions')"
+        >
+          <span
+            class="menu-checkbox"
+            :class="{ 'menu-checkbox-checked': filters.mentions }"
+          />{{ $t('settings.notification_visibility_mentions') }}
+        </button>
+        <button
+          class="button-default dropdown-item"
+          @click="toggleNotificationFilter('emojiReactions')"
+        >
+          <span
+            class="menu-checkbox"
+            :class="{ 'menu-checkbox-checked': filters.emojiReactions }"
+          />{{ $t('settings.notification_visibility_emoji_reactions') }}
+        </button>
+        <button
+          class="button-default dropdown-item"
+          @click="toggleNotificationFilter('moves')"
+        >
+          <span
+            class="menu-checkbox"
+            :class="{ 'menu-checkbox-checked': filters.moves }"
+          />{{ $t('settings.notification_visibility_moves') }}
+        </button>
+      </div>
+    </template>
     <template v-slot:trigger>
       <FAIcon icon="filter" />
     </template>