diff --git a/app/Http/Controllers/AccountController.php b/app/Http/Controllers/AccountController.php
index dc333a515..59f45b7f8 100644
--- a/app/Http/Controllers/AccountController.php
+++ b/app/Http/Controllers/AccountController.php
@@ -159,6 +159,11 @@ class AccountController extends Controller
         return view('account.messages');
     }
 
+    public function direct()
+    {
+        return view('account.direct');
+    }
+
     public function showMessage(Request $request, $id)
     {
         return view('account.message');
diff --git a/resources/views/account/direct.blade.php b/resources/views/account/direct.blade.php
new file mode 100644
index 000000000..f7c7f7cf3
--- /dev/null
+++ b/resources/views/account/direct.blade.php
@@ -0,0 +1,17 @@
+@extends('layouts.app')
+
+@section('content')
+<div>
+  <direct-component></direct-component>
+</div>
+@endsection
+
+@push('scripts')
+<script type="text/javascript" src="{{ mix('js/compose.js') }}"></script>
+<script type="text/javascript" src="{{ mix('js/direct.js') }}"></script>
+<script type="text/javascript">
+  new Vue({
+    el: '#content'
+  });
+</script>
+@endpush