field create

front/js/main.js

@@ -1,7 +1,6 @@
-import { axiosInstance } from "./bootstrap";
-import { mount, setContext, unmount } from "svelte";
-
+import * as Turbo from "@hotwired/turbo";
 // import "../sass/app.scss";
+import { mount, unmount } from "svelte";
 import "../css/app.css";
 import Register from "./svelte/account/Register.svelte";
 import Login from "./svelte/account/Login.svelte";
@@ -14,7 +13,9 @@ import RecordEdit from "./svelte/records/Edit.svelte";
 import ContentIndex from "./svelte/content/Index.svelte";
 import HomeEntry from "./entry/HomeEntry/HomeEntry.svelte";
 import SchemaEntry from "./entry/SchemaEntry/SchemaEntry.svelte";
+import FieldCreateEntry from "./entry/FieldCreateEntry/FieldCreateEntry.svelte";
 import BuildReport from "./svelte/build/Report.svelte";
+import { createApp } from "./app";
 
 const entryComponents = {
   members: Members,
@@ -29,11 +30,14 @@ const entryComponents = {
   profile: Profile,
   setup: SetupIndex,
   schemas: SchemaEntry,
+  fieldCreate: FieldCreateEntry,
 };
+Turbo.start();
 
 let loadedComponents = [];
 
 let loadSvelte = function () {
+  Turbo.cache.clear();
   loadedComponents.map((comp) => unmount(comp));
   loadedComponents = [];
 
@@ -53,7 +57,7 @@ let loadSvelte = function () {
       return [];
     }
     // props.axios = axiosInstance;
-
+    createApp(props.channel);
     const compOptions = {
       target: element,
       props: props,
@@ -62,5 +66,4 @@ let loadSvelte = function () {
   };
   Array.from(elements).map(loadElement);
 };
-
-document.addEventListener("DOMContentLoaded", loadSvelte);
+document.addEventListener("turbo:load", loadSvelte);