resources/scripts/app/Subnet.vue

@@ -15,33 +15,32 @@ const results = ref( {} );
 /**
  * Load subnet data based on input
  */
-const getSubnetData = async () => {
-    try {
-        // Enable loading state
-        isLoading.value = true;
+const getSubnetData = () => {
+    // Enable loading icon
+    isLoading.value = true;
 
-        // Prepare request payload
-        const postData = new FormData();
-        postData.append( 'subnet', subnet.value );
+    // Create post data
+    const postData = new FormData();
+    postData.append( 'subnet', subnet.value );
 
-        // Send request and handle response
-        const response = await axios.post( '/api/subnet', postData );
+    // Send request
+    axios.post( '/api/subnet', postData ).then( (response) => {
         const { data } = response;
 
-        // Update results and UI state
-        results.value = data.result;
+        // Load new block
+        isLoading.value = false;
         hasResults.value = true;
-    } catch (error) {
-        // Extract and show error message
-        const errorMessage = error.response?.data?.message || 'Something went wrong.';
+        results.value = data.result;
+    } ).catch( (error) => {
+        isLoading.value = false;
+
+        // Show error message
+        const errorMessage = error.response.data.message || 'Something went wrong.';
         $toast.error(errorMessage, {
             position: 'top',
             duration: 1500,
         });
-    } finally {
-        // Reset loading state
-        isLoading.value = false;
-    }
+    } );
 }
 
 /**

resources/scripts/main.ts

@@ -4,7 +4,7 @@ import ToastPlugin from 'vue-toast-notification';
 import 'vue-toast-notification/dist/theme-default.css';
 
 // Import components
-import Subnet from '@scripts/app/Subnet.vue';
+import Subnet from '@app/Subnet.vue';
 
 // Initialize vue app
 function initializeApp(element: string, component: any): void {

src/Http/Response.php

@@ -2,9 +2,9 @@
 
 namespace Core\Http;
 
+use Core\View\JsonRender;
 use Core\View\Render;
 use Core\View\Render\HtmlRender;
-use Core\View\Render\JsonRender;
 
 class Response
 {

src/View/JsonRender.php

@@ -1,8 +1,6 @@
 <?php
 
-namespace Core\View\Render;
-
-use Core\View\Render;
+namespace Core\View;
 
 class JsonRender extends Render
 {

vite.config.ts

@@ -23,7 +23,8 @@ export default defineConfig({
     resolve: {
         alias: {
             '@styles': path.resolve('resources/styles'),
-            '@scripts': path.resolve('resources/scripts')
+            '@scripts': path.resolve('resources/scripts'),
+            '@app': path.resolve('resources/scripts/app')
         },
     },
     css: {