Move json renderer

resources/scripts/app/Subnet.vue

@@ -15,32 +15,33 @@ const results = ref( {} );
 /**
  * Load subnet data based on input
  */
-const getSubnetData = () => {
+const getSubnetData = async () => {
-    // Enable loading icon
+    try {
-    isLoading.value = true;
+        // Enable loading state
+        isLoading.value = true;
 
-    // Create post data
+        // Prepare request payload
-    const postData = new FormData();
+        const postData = new FormData();
-    postData.append( 'subnet', subnet.value );
+        postData.append( 'subnet', subnet.value );
 
-    // Send request
+        // Send request and handle response
-    axios.post( '/api/subnet', postData ).then( (response) => {
+        const response = await axios.post( '/api/subnet', postData );
         const { data } = response;
 
-        // Load new block
+        // Update results and UI state
-        isLoading.value = false;
-        hasResults.value = true;
         results.value = data.result;
-    } ).catch( (error) => {
+        hasResults.value = true;
-        isLoading.value = false;
+    } catch (error) {
-
+        // Extract and show error message
-        // Show error message
+        const errorMessage = error.response?.data?.message || 'Something went wrong.';
-        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 '@app/Subnet.vue';
+import Subnet from '@scripts/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/Render/JsonRender.php

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

vite.config.ts

@@ -23,8 +23,7 @@ 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: {