1 files changed, 4 insertions, 1 deletions
diff --git a/app/assets/javascripts/admin/broadcast_messages/index.js b/app/assets/javascripts/admin/broadcast_messages/index.js
index 81952d2033e..fd8b2aad4ec 100644
--- a/app/assets/javascripts/admin/broadcast_messages/index.js
+++ b/app/assets/javascripts/admin/broadcast_messages/index.js
@@ -3,11 +3,14 @@ import BroadcastMessagesBase from './components/base.vue';
 
 export default () => {
   const el = document.querySelector('#js-broadcast-messages');
-  const { page, messagesCount, messages } = el.dataset;
+  const { page, targetAccessLevelOptions, messagesCount, messages } = el.dataset;
 
   return new Vue({
     el,
     name: 'BroadcastMessages',
+    provide: {
+      targetAccessLevelOptions: JSON.parse(targetAccessLevelOptions),
+    },
     render(createElement) {
       return createElement(BroadcastMessagesBase, {
         props: {