diff --git a/demos/src/Examples/CollaborativeEditing/Vue/MenuItem.vue b/demos/src/Examples/CollaborativeEditing/Vue/MenuItem.vue
index 98e0e48b..85140812 100644
--- a/demos/src/Examples/CollaborativeEditing/Vue/MenuItem.vue
+++ b/demos/src/Examples/CollaborativeEditing/Vue/MenuItem.vue
@@ -5,15 +5,15 @@
     @click="action"
     :title="title"
   >
-    <!-- TODO: -->
-    <!-- <svg class="remix">
-      <use :xlink:href="require('remixicon/fonts/remixicon.symbol.svg') + `#ri-${icon}`" />
-    </svg> -->
-    {{ icon }}
+    <svg class="remix">
+      <use :xlink:href="`${remixiconUrl}#ri-${icon}`" />
+    </svg>
   </button>
 </template>
 
 <script>
+import remixiconUrl from 'remixicon/fonts/remixicon.symbol.svg'
+
 export default {
   props: {
     icon: {
@@ -36,6 +36,12 @@ export default {
       default: null,
     },
   },
+
+  data() {
+    return {
+      remixiconUrl,
+    }
+  },
 }
 </script>