diff --git a/app/resources/js/app.js b/app/resources/js/app.js
index e6d21c4..2053f66 100644
--- a/app/resources/js/app.js
+++ b/app/resources/js/app.js
@@ -1,7 +1,8 @@
 import Vue from 'vue';
 import FileInfoModal from './components/file-info-modal.vue';
+import hljs from 'highlight.js';
 
-const app = new Vue({
+new Vue({
     el: '#app',
     components: { FileInfoModal },
     data: () => ({
@@ -27,10 +28,10 @@ const app = new Vue({
     created: function () {
         this.theme = localStorage.theme || (window.matchMedia && window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark');
     },
-    mounted: function() {
+    mounted: function () {
         window.addEventListener('keyup', e => e.key === '/' && this.$refs.searchInput.focus());
 
-        window.addEventListener('scroll', function() {
+        window.addEventListener('scroll', function () {
             if (window.scrollY > 10) {
                 this.$refs.scrollToTop.classList.remove('hidden');
             } else {
@@ -41,9 +42,10 @@ const app = new Vue({
         this.loading = false;
     },
     watch: {
-        theme: value => localStorage.setItem('theme', value),
+        theme(value) {
+            localStorage.setItem('theme', value);
+        }
     }
 });
 
-let hljs = require('highlight.js');
 hljs.initHighlightingOnLoad();
diff --git a/app/resources/js/components/file-info-modal.vue b/app/resources/js/components/file-info-modal.vue
index bb7b34a..0c6c8f3 100644
--- a/app/resources/js/components/file-info-modal.vue
+++ b/app/resources/js/components/file-info-modal.vue
@@ -42,7 +42,7 @@
 </template>
 
 <script>
-    const axios = require('axios').default;
+    import axios from 'axios';
 
     export default {
         data: function () {