From 5b1f3c82f8ab6cdd868c8a413563ac3e385a4e4f Mon Sep 17 00:00:00 2001
From: Heriberto Luna <hluna006@fiu.edu>
Date: Mon, 14 Oct 2024 11:11:35 -0400
Subject: [PATCH 1/6] Replaced listeners with attrs

---
 src/components/kytos/inputs/InputAutocomplete.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/kytos/inputs/InputAutocomplete.vue b/src/components/kytos/inputs/InputAutocomplete.vue
index ed021e6..746960f 100644
--- a/src/components/kytos/inputs/InputAutocomplete.vue
+++ b/src/components/kytos/inputs/InputAutocomplete.vue
@@ -96,6 +96,9 @@ import KytosBaseWithIcon from '../base/KytosBaseWithIcon';
  * @example /_static/imgs/components/input/k-input-auto.png
  */
 var CustomInput = {
+  compatConfig: {
+    MODE: 3,
+  },
   props: {
     value: {
       type: String,
@@ -130,8 +133,8 @@ var CustomInput = {
       type: String,
       default: ""
    }
-  }, 
-  template: '<input :id="id" class="k-input" :tooltip="tooltip" ref="inputValue" :placeholder="placeholder" :value="value" v-on="$listeners" />'
+  },
+  template: '<input :id="id" class="k-input" :tooltip="tooltip" ref="inputValue" :placeholder="placeholder" :value="value" v-bind="$attrs" />'
 }
 
 export default {

From a1d2d80cd4a820f5fd198598a6196c93d5f12b39 Mon Sep 17 00:00:00 2001
From: Heriberto Luna <hluna006@fiu.edu>
Date: Mon, 14 Oct 2024 11:21:40 -0400
Subject: [PATCH 2/6] Replaced value with modelValue

---
 src/components/kytos/inputs/Input.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/kytos/inputs/Input.vue b/src/components/kytos/inputs/Input.vue
index 85b653d..97302f4 100644
--- a/src/components/kytos/inputs/Input.vue
+++ b/src/components/kytos/inputs/Input.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="k-input-wrap">
     <icon v-if="icon && iconName" :icon="iconName"></icon>
-    <input :value="value" :id="id" class="k-input" :title="tooltip" :placeholder="placeholder"
+    <input :value="modelValue" :id="id" class="k-input" :title="tooltip" :placeholder="placeholder"
       @input="updateText"
       ref="inputValue"
       v-bind:disabled="isDisabled" onshow="this.focus()" autofocus>
@@ -21,11 +21,14 @@ import KytosBaseWithIcon from '../base/KytosBaseWithIcon';
 export default {
   name: 'k-input',
   mixins: [KytosBaseWithIcon],
+  compatConfig: {
+    MODE: 3,
+  },
   props: {
    /**
     * The value to input button.
     */
-   value: {
+   modelValue: {
       type: String,
       default: ""
    },
@@ -47,11 +50,12 @@ export default {
    action: {
       type: Function,
       default: function(val) {return}
-   }
+   },
+   emits: ['update:modelValue']
   },
   methods: {
     updateText(){
-      this.$emit('update:value', this.$refs.inputValue.value)
+      this.$emit('update:modelValue', this.$refs.inputValue.value)
       this.action(this.$refs.inputValue.value)
     }
   }

From 79d2ee3ad64a765a641cbf8520868011c34fe033 Mon Sep 17 00:00:00 2001
From: Heriberto Luna <hluna006@fiu.edu>
Date: Mon, 14 Oct 2024 11:23:07 -0400
Subject: [PATCH 3/6] Fixed unnecessary icon v-bind

---
 src/components/kytos/misc/StatusMenu.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/kytos/misc/StatusMenu.vue b/src/components/kytos/misc/StatusMenu.vue
index 8962f5f..023b74a 100644
--- a/src/components/kytos/misc/StatusMenu.vue
+++ b/src/components/kytos/misc/StatusMenu.vue
@@ -2,7 +2,7 @@
   <k-toolbar-item icon="signal" tooltip="Status Menu">
     <div class="k-status-menu">
       <div class="k-status-title">
-        <icon :icon="signal"></icon>
+        <icon icon="signal"></icon>
         <div class="panel-title">
           <h1> Status Menu </h1>
         </div>

From 5e0349a096aba6cc1d49129683bda04355bcb7bc Mon Sep 17 00:00:00 2001
From: Heriberto Luna <hluna006@fiu.edu>
Date: Mon, 14 Oct 2024 11:25:37 -0400
Subject: [PATCH 4/6] Replaced the use of Vue and new Vue with the app instace

---
 src/main.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/main.js b/src/main.js
index 628b108..737096d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -19,7 +19,7 @@ const kytos = createApp({
   },
 })
 
-Vue.use(VueHotkey)
+kytos.use(VueHotkey)
 
 window.$ = window.jQuery = require('jquery');
 window.d3 = window.D3 = require('d3');
@@ -125,7 +125,7 @@ kytos.component('k-notification', KytosNotification)
 // Preserve extra whitespaces
 kytos.config.compilerOptions.whitespace = 'preserve';
 
-kytos.config.globalProperties.$kytos = new Vue()
+kytos.config.globalProperties.$kytos = kytos
 kytos.config.globalProperties.$kytos_server = window.kytos_server
 kytos.config.globalProperties.$kytos_server_api =  window.kytos_server_api
 kytos.config.globalProperties.$kytos_version = version

From a776c8cd85c17547a86ca35abc6ab752b23e71ae Mon Sep 17 00:00:00 2001
From: Heriberto Luna <hluna006@fiu.edu>
Date: Mon, 14 Oct 2024 16:30:02 -0400
Subject: [PATCH 5/6] Fixed k-input issue

---
 src/components/kytos/inputs/Input.vue    | 12 ++++++------
 src/components/kytos/logging/Logging.vue |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/kytos/inputs/Input.vue b/src/components/kytos/inputs/Input.vue
index 97302f4..1cd5a4a 100644
--- a/src/components/kytos/inputs/Input.vue
+++ b/src/components/kytos/inputs/Input.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="k-input-wrap">
     <icon v-if="icon && iconName" :icon="iconName"></icon>
-    <input :value="modelValue" :id="id" class="k-input" :title="tooltip" :placeholder="placeholder"
+    <input :value="value" :id="id" class="k-input" :title="tooltip" :placeholder="placeholder"
       @input="updateText"
       ref="inputValue"
       v-bind:disabled="isDisabled" onshow="this.focus()" autofocus>
@@ -28,9 +28,9 @@ export default {
    /**
     * The value to input button.
     */
-   modelValue: {
+   value: {
       type: String,
-      default: ""
+      default: "l"
    },
    /*
    * Tooltip string for the input.
@@ -50,12 +50,12 @@ export default {
    action: {
       type: Function,
       default: function(val) {return}
-   },
-   emits: ['update:modelValue']
+   }
   },
+  emits: ['update:value'],
   methods: {
     updateText(){
-      this.$emit('update:modelValue', this.$refs.inputValue.value)
+      this.$emit('update:value', this.$refs.inputValue.value)
       this.action(this.$refs.inputValue.value)
     }
   }
diff --git a/src/components/kytos/logging/Logging.vue b/src/components/kytos/logging/Logging.vue
index e44e7fd..3ff953e 100644
--- a/src/components/kytos/logging/Logging.vue
+++ b/src/components/kytos/logging/Logging.vue
@@ -14,7 +14,7 @@
           <k-button title="Debug" @click="select('debug')"  tooltip="Only debug messages"></k-button>
         </k-button-group>
         <k-button-group>
-          <k-input v-model="highlight_string" v-on:change='highlight' icon="lightbulb" tooltip="Highlight string" placeholder="Highlight string"></k-input>
+          <k-input v-model:value="highlight_string" v-on:change='highlight' icon="lightbulb" tooltip="Highlight string" placeholder="Highlight string"></k-input>
         </k-button-group>
       </div>
 

From 504f77b895e0b7cc387d9f289e24096bf8677a64 Mon Sep 17 00:00:00 2001
From: Heriberto Luna <hluna006@fiu.edu>
Date: Mon, 21 Oct 2024 13:36:35 -0400
Subject: [PATCH 6/6] Removed accidental l placed in prop default value

---
 src/components/kytos/inputs/Input.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/kytos/inputs/Input.vue b/src/components/kytos/inputs/Input.vue
index 1cd5a4a..ccd6fc2 100644
--- a/src/components/kytos/inputs/Input.vue
+++ b/src/components/kytos/inputs/Input.vue
@@ -30,7 +30,7 @@ export default {
     */
    value: {
       type: String,
-      default: "l"
+      default: ""
    },
    /*
    * Tooltip string for the input.