diff --git a/resources/assets/js/developers.js b/resources/assets/js/developers.js
new file mode 100644
index 000000000..bf77969f4
--- /dev/null
+++ b/resources/assets/js/developers.js
@@ -0,0 +1,14 @@
+Vue.component(
+    'passport-clients',
+    require('./components/passport/Clients.vue').default
+);
+
+Vue.component(
+    'passport-authorized-clients',
+    require('./components/passport/AuthorizedClients.vue').default
+);
+
+Vue.component(
+    'passport-personal-access-tokens',
+    require('./components/passport/PersonalAccessTokens.vue').default
+);
diff --git a/resources/views/settings/applications.blade.php b/resources/views/settings/applications.blade.php
index 0507075cd..b0fa94d18 100644
--- a/resources/views/settings/applications.blade.php
+++ b/resources/views/settings/applications.blade.php
@@ -12,6 +12,7 @@
 @endsection
 
 @push('scripts')
+<script type="text/javascript" src="{{mix('js/developers.js')}}"></script>
 <script type="text/javascript">
   new Vue({ 
     el: '#content' 
diff --git a/resources/views/settings/developers.blade.php b/resources/views/settings/developers.blade.php
index 61c6c236b..0caf99afa 100644
--- a/resources/views/settings/developers.blade.php
+++ b/resources/views/settings/developers.blade.php
@@ -11,6 +11,7 @@
 @endsection
 
 @push('scripts')
+<script type="text/javascript" src="{{mix('js/developers.js')}}"></script>
 <script type="text/javascript">
   new Vue({ 
     el: '#content' 
diff --git a/webpack.mix.js b/webpack.mix.js
index cd7bea775..796506564 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -34,6 +34,9 @@ mix.js('resources/assets/js/app.js', 'public/js')
 // SearchResults component
 .js('resources/assets/js/search.js', 'public/js')
 
+// Developer Components
+.js('resources/assets/js/developers.js', 'public/js')
+
 .sass('resources/assets/sass/app.scss', 'public/css', {
 	implementation: require('node-sass')
 })