cleaning up typed typescript

Author: weaverryan

src/Typed/Resources/assets/src/controller.ts

@@ -34,6 +34,25 @@ export default class extends Controller {
         contentType: { type: String, default: 'html' },
     };
 
+    readonly stringsValue!: string[];
+    readonly typeSpeedValue: number;
+    readonly smartBackspaceValue: boolean;
+    readonly startDelayValue?: number;
+    readonly backSpeedValue?: number;
+    readonly shuffleValue?: boolean;
+    readonly backDelayValue: number;
+    readonly fadeOutValue?: boolean;
+    readonly fadeOutClassValue: string;
+    readonly fadeOutDelayValue: number;
+    readonly loopValue?: boolean;
+    readonly loopCountValue: number;
+    readonly showCursorValue: boolean;
+    readonly cursorCharValue: string;
+    readonly autoInsertCssValue: boolean;
+    readonly attrValue?: string;
+    readonly bindInputFocusEventsValue?: boolean;
+    readonly contentTypeValue: string;
+
     connect() {
         const options = {
             strings: this.stringsValue,

src/Vue/Resources/assets/dist/register_controller.js

@@ -7,7 +7,7 @@ function registerVueControllerComponents(context) {
     window.resolveVueComponent = (name) => {
         const component = vueControllers[`./${name}.vue`];
         if (typeof component === 'undefined') {
-            throw new Error('Vue controller "' + name + '" does not exist');
+            throw new Error(`Vue controller "${name}" does not exist`);
         }
         return component;
     };

src/Vue/Resources/assets/dist/render_controller.js

@@ -8,8 +8,21 @@ class default_1 extends Controller {
         this._dispatchEvent('vue:connect', { componentName: this.componentValue, props: this.props });
         const component = window.resolveVueComponent(this.componentValue);
         this.app = createApp(component, this.props);
+        if (this.element.__vue_app__ !== undefined) {
+            this.element.__vue_app__.unmount();
+        }
+        this._dispatchEvent('vue:before-mount', {
+            componentName: this.componentValue,
+            component: component,
+            props: this.props,
+            app: this.app,
+        });
         this.app.mount(this.element);
-        this._dispatchEvent('vue:mount', { componentName: this.componentValue, component: component, props: this.props });
+        this._dispatchEvent('vue:mount', {
+            componentName: this.componentValue,
+            component: component,
+            props: this.props,
+        });
     }
     disconnect() {
         this.app.unmount();