diff --git a/resources/js/app.js b/resources/js/app.js
index 74f94215..26960f55 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -1,6 +1,8 @@
 import Navbar from './components/Navbar'
 import Vue from 'vue'
 
+window.hljs = require('highlightjs')
+
 new Vue({
   el: '#app',
   components: { Navbar }
diff --git a/webpack.mix.js b/webpack.mix.js
index 3131f362..c978284c 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -7,7 +7,7 @@ mix.disableNotifications()
     require('postcss-nested'),
     require('tailwindcss')('tailwind.config.js'),
   ])
-  .extract(['vue'])
+  .extract(['highlightjs', 'vue'])
   .js('resources/js/app.js', 'source/dist/js')
   .browserSync({
     proxy: 'localhost:8000',