refactir

front/js/main.js

@@ -1,4 +1,4 @@
-import "./bootstrap";
+import {axiosInstance} from "./bootstrap";
 import "../sass/app.scss";
 import Account from "./svelte/Account.svelte";
 import Channel from "./svelte/Channel.svelte";
@@ -11,10 +11,10 @@ Mustache.escape = function (value) {
 
 function enableTooltipsAnywhere() {
     // Enable tooltips everywhere
-    var tooltipTriggerList = [].slice.call(
+    let tooltipTriggerList = [].slice.call(
         document.querySelectorAll('[data-bs-toggle="tooltip"]')
     );
-    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+    tooltipTriggerList.map(function (tooltipTriggerEl) {
         return new bootstrap.Tooltip(tooltipTriggerEl);
     });
 }
@@ -38,7 +38,7 @@ let loadSvelte = function () {
     const loadElement = function (element) {
         const componentId = element.attributes["data-layout"].value;
         const [_, component] = Object.entries(entryComponents).find(
-            ([key, _]) => componentId == key
+            ([key, _]) => componentId === key
         );
         if (!component) {
             return [];
@@ -48,6 +48,7 @@ let loadSvelte = function () {
             "json-" + componentId
         ).innerHTML;
         const props = JSON.parse(jsonData);
+        props.axios = axiosInstance;
         const compOptions = {
             target: element,
             props: props,