Update Direct.vue component

resources/assets/components/Direct.vue

@@ -112,13 +112,16 @@
 	import Sidebar from './partials/sidebar.vue';
 	import Placeholder from './partials/placeholders/DirectMessagePlaceholder.vue';
 	import Intersect from 'vue-intersect'
+	import Autocomplete from '@trevoreyre/autocomplete-vue'
+	import '@trevoreyre/autocomplete-vue/dist/style.css';
 
 	export default {
 		components: {
 			"drawer": Drawer,
 			"sidebar": Sidebar,
 			"intersect": Intersect,
-            "dm-placeholder": Placeholder
+			"dm-placeholder": Placeholder,
+			"autocomplete": Autocomplete
 		},
 
 		data() {