From 61999c7685b4f20df739f170469cdec8bb82dbe0 Mon Sep 17 00:00:00 2001
From: rmotitsuki <rogerio.motitsuki@gmail.com>
Date: Wed, 29 Nov 2023 16:07:49 -0300
Subject: [PATCH 1/7] Replace global $emit for eventBus

---
 ui/k-action-menu/search_switch.kytos |  6 +++---
 ui/k-info-panel/link_info.kytos      | 12 ++++++------
 ui/k-info-panel/switch_info.kytos    | 20 ++++++++++----------
 3 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/ui/k-action-menu/search_switch.kytos b/ui/k-action-menu/search_switch.kytos
index 2d087756..3e36b1c4 100644
--- a/ui/k-action-menu/search_switch.kytos
+++ b/ui/k-action-menu/search_switch.kytos
@@ -25,7 +25,7 @@ module.exports = {
                       "title": "Switch Search",
                       "subtitle": "by kytos/topology"
                      }
-       this.$kytos.$emit("showInfoPanel", content)
+       this.$kytos.eventBus.$emit("showInfoPanel", content)
     },
     open_switch(s){
       var content = {"component": 'kytos-topology-k-info-panel-switch_info',
@@ -33,7 +33,7 @@ module.exports = {
                      "icon": "gear",
                      "title": "Switch Details",
                      "subtitle": s.connection}
-      this.$kytos.$emit("showInfoPanel", content)
+      this.$kytos.eventBus.$emit("showInfoPanel", content)
     },
     get_switches () {
       var endpoint = this.$kytos_server_api + "kytos/topology/v3/switches"
@@ -64,7 +64,7 @@ module.exports = {
   },
   mounted() {
     this.get_switches()
-    this.$kytos.$emit('addActionMenuItem', this.options)
+    this.$kytos.eventBus.$emit('addActionMenuItem', this.options)
   },
   computed: {
     switchesFiltered() {
diff --git a/ui/k-info-panel/link_info.kytos b/ui/k-info-panel/link_info.kytos
index 3d96cc44..1713d19d 100644
--- a/ui/k-info-panel/link_info.kytos
+++ b/ui/k-info-panel/link_info.kytos
@@ -126,7 +126,7 @@
        this.next_state = this.next_state == 'Enable'? 'Disable' : 'Enable'
        this.content['enabled'] = this.next_state == 'Enable'? 'false' : 'true'
        this.details['enabled'] = this.content['enabled']
-       this.$kytos.$emit("setNotification", notification)
+       this.$kytos.eventBus.$emit("setNotification", notification)
      },
      msg_state_failure(data){
        let name = this.metadata.link_name !== undefined && this.metadata.link_name.length !== 0? '"' + this.metadata.link_name + '"' : this.details.id
@@ -135,7 +135,7 @@
          description: data.status + ': ' + data.responseJSON.description + ' The link ' + name + ' was not ' + this.next_state.toLowerCase() + 'd.',
          icon: 'gear',
        }
-       this.$kytos.$emit("setNotification", notification)
+       this.$kytos.eventBus.$emit("setNotification", notification)
      },
      bt_state_toggle(){
        let request = $.ajax({
@@ -164,7 +164,7 @@
               title: 'Add metadata: Success',
               description: '"' + _this.to_add + '" was added to the metadata. Link: ' + name,
          }
-         _this.$kytos.$emit("setNotification", notification)
+         _this.$kytos.eventBus.$emit("setNotification", notification)
          let temp = JSON.parse(_this.to_add)
          for (key in temp){
            _this.metadata[key] = temp[key]
@@ -178,7 +178,7 @@
               title: 'Add metadata: Failure',
               description: data.status + ': ' + data.responseJSON.description + ' "' + _this.to_add + '" was not added to the metadata. Link: ' + name,
          }
-         _this.$kytos.$emit("setNotification", notification)
+         _this.$kytos.eventBus.$emit("setNotification", notification)
        });
      },
      bt_rmv_metadata() {
@@ -196,7 +196,7 @@
               title: 'Delete metadata: Success',
               description: '"' + _this.to_delete + '" was deleted from the metadata. Link: ' + name,
          }
-         _this.$kytos.$emit("setNotification", notification)
+         _this.$kytos.eventBus.$emit("setNotification", notification)
          delete _this.metadata[_this.to_delete]
          delete _this.content.metadata[_this.to_delete]
          _this.to_delete = ''
@@ -207,7 +207,7 @@
               title: 'Delete metadata: Failure',
               description: data.status + ': ' + data.responseJSON.description + ' "' + _this.to_delete + '" was not deleted from the metadata. Link: ' + name,
          }
-         _this.$kytos.$emit("setNotification", notification)
+         _this.$kytos.eventBus.$emit("setNotification", notification)
        });
      },
      bt_delete(){
diff --git a/ui/k-info-panel/switch_info.kytos b/ui/k-info-panel/switch_info.kytos
index d330060b..87b743a9 100644
--- a/ui/k-info-panel/switch_info.kytos
+++ b/ui/k-info-panel/switch_info.kytos
@@ -179,7 +179,7 @@
          title: 'Could not reach links data (' + data.status + '):',
          description: data.responseJSON.description,
        }
-       this.$kytos.$emit("setNotification", notification);
+       this.$kytos.eventBus.$emit("setNotification", notification);
      },
      get_links_and_interfaces(){
        var self = this
@@ -219,7 +219,7 @@
               title: 'Add metadata: Success',
               description: '"' + _this.to_add + '" was added to the metadata. Switch: ' + _this.metadata.id,
          }
-         _this.$kytos.$emit("setNotification", notification)
+         _this.$kytos.eventBus.$emit("setNotification", notification)
          let temp = JSON.parse(_this.to_add)
          for (key in temp){
            _this.content.metadata[key] = temp[key]
@@ -232,7 +232,7 @@
               title: 'Add metadata: Failure',
               description: data.status + ': ' + data.responseJSON.description + ' "' + _this.to_add + '" was not added to the metadata. Switch: ' + _this.metadata.id,
          }
-         _this.$kytos.$emit("setNotification", notification)
+         _this.$kytos.eventBus.$emit("setNotification", notification)
        });
      },
      bt_rmv_metadata() {
@@ -249,7 +249,7 @@
               title: 'Delete metadata: Success',
               description: '"' + _this.to_delete + '" was deleted from the metadata. Switch: ' + _this.metadata.id,
          }
-         _this.$kytos.$emit("setNotification", notification)
+         _this.$kytos.eventBus.$emit("setNotification", notification)
          delete _this.content.metadata[_this.to_delete]
          _this.to_delete = ''
        });
@@ -259,7 +259,7 @@
               title: 'Delete metadata: Failure',
               description: data.status + ': ' + data.responseJSON.description + ' "' + _this.to_delete + '" was not deleted from the metadata. Switch: ' + _this.metadata.id,
          }
-         _this.$kytos.$emit("setNotification", notification)
+         _this.$kytos.eventBus.$emit("setNotification", notification)
        });
      },
      rowClicked (link) {
@@ -280,7 +280,7 @@
                       "subtitle": subtitle,
                       "content": link,
        }
-       this.$kytos.$emit("showInfoPanel", content)
+       this.$kytos.eventBus.$emit("showInfoPanel", content)
      },
      get_enabled_value() {
        this.next_state = this.metadata.enabled == 'true'? 'Disable' : 'Enable'
@@ -294,7 +294,7 @@
        this.next_state = this.next_state == 'Enable'? 'Disable' : 'Enable'
        this.content['enabled'] = this.next_state == 'Enable'? 'false' : 'true'
        this.metadata['enabled'] = this.content['enabled']
-       this.$kytos.$emit("setNotification", notification)
+       this.$kytos.eventBus.$emit("setNotification", notification)
      },
      msg_state_failure(data){
        let notification = {
@@ -302,7 +302,7 @@
          description: data.status + ': ' + data.responseJSON.description + '. The switch ' + this.metadata.dpid + ' was not ' + this.next_state.toLowerCase() + 'd.',
          icon: 'gear',
        }
-       this.$kytos.$emit("setNotification", notification)
+       this.$kytos.eventBus.$emit("setNotification", notification)
      },
      bt_state_toggle(){
        let request = $.ajax({
@@ -330,7 +330,7 @@
            description: 'The interfaces ' + interfaces["interfaces"] + ' is/are ' + _this.chosen_action.toLowerCase() + 'd to send lldp packet',
            icon: 'gear',
          }
-         _this.$kytos.$emit("setNotification", notification)
+         _this.$kytos.eventBus.$emit("setNotification", notification)
        })
        request.fail(function(data){
          let notification = {
@@ -338,7 +338,7 @@
            description: data.status + ': ' + data.responseJSON.description + ' The interfaces ' + interfaces["interfaces"] + ' is/are not ' + _this.chosen_action.toLowerCase() + 'd to send lldp packet',
            icon: 'gear',
            }
-         _this.$kytos.$emit("setNotification", notification)
+         _this.$kytos.eventBus.$emit("setNotification", notification)
        })
      },
      bt_delete(){

From 59b5adf01c42438988a2fb488aec2e47e5bd406e Mon Sep 17 00:00:00 2001
From: rmotitsuki <rogerio.motitsuki@gmail.com>
Date: Wed, 10 Jan 2024 14:03:18 -0300
Subject: [PATCH 2/7] replace :value.sync for v-model:value

---
 ui/k-action-menu/search_switch.kytos | 2 +-
 ui/k-info-panel/link_info.kytos      | 4 ++--
 ui/k-info-panel/switch_info.kytos    | 8 ++++----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/ui/k-action-menu/search_switch.kytos b/ui/k-action-menu/search_switch.kytos
index 3e36b1c4..163b1cd1 100644
--- a/ui/k-action-menu/search_switch.kytos
+++ b/ui/k-action-menu/search_switch.kytos
@@ -1,6 +1,6 @@
 <template>
   <div id="k-switch-search"  >
-    <k-input :value.sync="search" tooltip="Search for switches" placeholder="Search for switches" id="k-input-search"></k-input>
+    <k-input v-model:value="search" tooltip="Search for switches" placeholder="Search for switches" id="k-input-search"></k-input>
     <div id="search-result">
       <div class="item-search" :title="s.dpid" v-for="s in switchesFiltered" @click="open_switch(s)">
             <div class="item-switch"><span>{{s.name}} </span><br />({{s.connection}})</div>
diff --git a/ui/k-info-panel/link_info.kytos b/ui/k-info-panel/link_info.kytos
index 1713d19d..de63b5d6 100644
--- a/ui/k-info-panel/link_info.kytos
+++ b/ui/k-info-panel/link_info.kytos
@@ -59,11 +59,11 @@
         </div>
       </k-accordion-item>
       <k-accordion-item title="Metadata actions">
-        <k-textarea title="Insert metadata" icon="arrow-right" placeholder='Eg. {"bandwidth": 100, "link_name": "some_name"}' :value.sync="to_add"></k-textarea>
+        <k-textarea title="Insert metadata" icon="arrow-right" placeholder='Eg. {"bandwidth": 100, "link_name": "some_name"}' v-model:value="to_add"></k-textarea>
         <div class="metadata_container">
           <k-button title="Add metadata" :on_click="bt_add_metadata"></k-button>
         </div>
-        <k-input title="Insert metadata" icon="arrow-right" placeholder="Eg. link_name" :value.sync="to_delete"></k-input>
+        <k-input title="Insert metadata" icon="arrow-right" placeholder="Eg. link_name" v-model:value="to_delete"></k-input>
         <div class="metadata_container">
           <k-button title="Remove metadata" :on_click="bt_rmv_metadata"></k-button>
         </div>
diff --git a/ui/k-info-panel/switch_info.kytos b/ui/k-info-panel/switch_info.kytos
index 87b743a9..c079450d 100644
--- a/ui/k-info-panel/switch_info.kytos
+++ b/ui/k-info-panel/switch_info.kytos
@@ -92,18 +92,18 @@
         </div>
       </k-accordion-item>            
       <k-accordion-item title="Metadata actions"> 
-         <k-textarea title="Add metadata" icon="arrow-right" placeholder='Eg. {"node_name": "some_name", "address": "some_address"}' :value.sync="to_add"></k-textarea>
+         <k-textarea title="Add metadata" icon="arrow-right" placeholder='Eg. {"node_name": "some_name", "address": "some_address"}' v-model:value="to_add"></k-textarea>
          <div class="metadata_container">
               <k-button title="Add metadata" :on_click="bt_add_metadata"></k-button>
          </div>
-         <k-input title="Delete metadata" icon="arrow-right" placeholder="Eg. node_name" :value.sync="to_delete"></k-input>
+         <k-input title="Delete metadata" icon="arrow-right" placeholder="Eg. node_name" v-model:value="to_delete"></k-input>
          <div class="metadata_container">
               <k-button title="Remove metadata" :on_click="bt_rmv_metadata"></k-button>
          </div>
       </k-accordion-item>
       <k-accordion-item title="LLDP Packets">
-        <k-select title="Interfaces:" :options="get_interfaces" :value.sync ="chosen_interfaces"></k-select>
-        <k-dropdown title="Action:" :options="get_actions" :value.sync="chosen_action"></k-dropdown>
+        <k-select title="Interfaces:" :options="get_interfaces" v-model:value ="chosen_interfaces"></k-select>
+        <k-dropdown title="Action:" :options="get_actions" v-model:value="chosen_action"></k-dropdown>
         <k-button title="Request" :on_click="bt_request"></k-button>
       </k-accordion-item>
     </k-accordion>

From 7cbb52da1bfae38046f34c7b17d049382e121099 Mon Sep 17 00:00:00 2001
From: rmotitsuki <rogerio.motitsuki@gmail.com>
Date: Wed, 10 Jan 2024 14:03:43 -0300
Subject: [PATCH 3/7] replace :on_click for @click

---
 ui/k-info-panel/link_info.kytos   | 12 ++++++------
 ui/k-info-panel/switch_info.kytos | 14 +++++++-------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/ui/k-info-panel/link_info.kytos b/ui/k-info-panel/link_info.kytos
index de63b5d6..5a7d343e 100644
--- a/ui/k-info-panel/link_info.kytos
+++ b/ui/k-info-panel/link_info.kytos
@@ -2,10 +2,10 @@
     <k-accordion>
       <div class="buttons">
         <div class="button-left">
-          <k-button :on_click="bt_state_toggle" :title="next_state"></k-button>
+          <k-button @click="bt_state_toggle" :title="next_state"></k-button>
         </div>
         <div class="button-right">
-          <k-button :on_click="bt_delete" title="Delete"></k-button>
+          <k-button @click="bt_delete" title="Delete"></k-button>
         </div>
       </div>
       <template v-if="show_modal">
@@ -23,9 +23,9 @@
               </div>
               <div class="modal-footer">
                 <slot name="footer">
-                  <k-button tooltip="Cancel" title="Cancel" :on_click="modal_cancel">
+                  <k-button tooltip="Cancel" title="Cancel" @click="modal_cancel">
                   </k-button>
-                  <k-button id="modal-delete" tooltip="Delete" title="Delete" :on_click="modal_delete">
+                  <k-button id="modal-delete" tooltip="Delete" title="Delete" @click="modal_delete">
                   </k-button>
                 </slot>
               </div>
@@ -61,11 +61,11 @@
       <k-accordion-item title="Metadata actions">
         <k-textarea title="Insert metadata" icon="arrow-right" placeholder='Eg. {"bandwidth": 100, "link_name": "some_name"}' v-model:value="to_add"></k-textarea>
         <div class="metadata_container">
-          <k-button title="Add metadata" :on_click="bt_add_metadata"></k-button>
+          <k-button title="Add metadata" @click="bt_add_metadata"></k-button>
         </div>
         <k-input title="Insert metadata" icon="arrow-right" placeholder="Eg. link_name" v-model:value="to_delete"></k-input>
         <div class="metadata_container">
-          <k-button title="Remove metadata" :on_click="bt_rmv_metadata"></k-button>
+          <k-button title="Remove metadata" @click="bt_rmv_metadata"></k-button>
         </div>
       </k-accordion-item>
     </k-accordion>
diff --git a/ui/k-info-panel/switch_info.kytos b/ui/k-info-panel/switch_info.kytos
index c079450d..4aa5bb6f 100644
--- a/ui/k-info-panel/switch_info.kytos
+++ b/ui/k-info-panel/switch_info.kytos
@@ -2,10 +2,10 @@
     <k-accordion>
       <div class="buttons">
         <div class="button-left">
-          <k-button :on_click="bt_state_toggle" :title="next_state"></k-button>
+          <k-button @click="bt_state_toggle" :title="next_state"></k-button>
         </div>
         <div class="button-right">
-          <k-button :on_click="bt_delete" title="Delete"></k-button>
+          <k-button @click="bt_delete" title="Delete"></k-button>
         </div>
       </div>
       <template v-if="show_modal">
@@ -23,9 +23,9 @@
               </div>
               <div class="modal-footer">
                 <slot name="footer">
-                  <k-button tooltip="Cancel" title="Cancel" :on_click="modal_cancel">
+                  <k-button tooltip="Cancel" title="Cancel" @click="modal_cancel">
                   </k-button>
-                  <k-button id="modal-delete" tooltip="Delete" title="Delete" :on_click="modal_delete">
+                  <k-button id="modal-delete" tooltip="Delete" title="Delete" @click="modal_delete">
                   </k-button>
                 </slot>
               </div>
@@ -94,17 +94,17 @@
       <k-accordion-item title="Metadata actions"> 
          <k-textarea title="Add metadata" icon="arrow-right" placeholder='Eg. {"node_name": "some_name", "address": "some_address"}' v-model:value="to_add"></k-textarea>
          <div class="metadata_container">
-              <k-button title="Add metadata" :on_click="bt_add_metadata"></k-button>
+              <k-button title="Add metadata" @click="bt_add_metadata"></k-button>
          </div>
          <k-input title="Delete metadata" icon="arrow-right" placeholder="Eg. node_name" v-model:value="to_delete"></k-input>
          <div class="metadata_container">
-              <k-button title="Remove metadata" :on_click="bt_rmv_metadata"></k-button>
+              <k-button title="Remove metadata" @click="bt_rmv_metadata"></k-button>
          </div>
       </k-accordion-item>
       <k-accordion-item title="LLDP Packets">
         <k-select title="Interfaces:" :options="get_interfaces" v-model:value ="chosen_interfaces"></k-select>
         <k-dropdown title="Action:" :options="get_actions" v-model:value="chosen_action"></k-dropdown>
-        <k-button title="Request" :on_click="bt_request"></k-button>
+        <k-button title="Request" @click="bt_request"></k-button>
       </k-accordion-item>
     </k-accordion>
 </template>

From 3ac9c93dada469f958ad5b9f0490ebe233ac3770 Mon Sep 17 00:00:00 2001
From: rmotitsuki <rogerio.motitsuki@gmail.com>
Date: Fri, 26 Apr 2024 15:28:26 -0300
Subject: [PATCH 4/7] fix vue3 v-if and v-for precedence

---
 ui/k-info-panel/link_info.kytos   |  8 +++++---
 ui/k-info-panel/switch_info.kytos | 10 +++++++---
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/ui/k-info-panel/link_info.kytos b/ui/k-info-panel/link_info.kytos
index 5a7d343e..55287a63 100644
--- a/ui/k-info-panel/link_info.kytos
+++ b/ui/k-info-panel/link_info.kytos
@@ -35,9 +35,11 @@
       </template>
       <k-accordion-item title="Basic Details">
         <k-property-panel>
-          <k-property-panel-item :name="key" :value="value" 
-          :key="key" v-if="content" v-for="(value, key) in this.details">
-          </k-property-panel-item>
+          <template v-if="content" >
+            <k-property-panel-item :name="key" :value="value" 
+            :key="key" v-for="(value, key) in this.details">
+            </k-property-panel-item>
+          </template>
         </k-property-panel>
       </k-accordion-item>
       <k-accordion-item title="Metadata" v-if="Object.keys(this.metadata).length > 0">
diff --git a/ui/k-info-panel/switch_info.kytos b/ui/k-info-panel/switch_info.kytos
index 4aa5bb6f..e4a767cb 100644
--- a/ui/k-info-panel/switch_info.kytos
+++ b/ui/k-info-panel/switch_info.kytos
@@ -38,12 +38,16 @@
       </k-accordion-item>
       <k-accordion-item title="Basic Details">
           <k-property-panel>
-              <k-property-panel-item :name="key" :value="value" :key="key" v-if="content" v-for="(value, key) in this.metadata"></k-property-panel-item>
+            <template v-if="content" >
+              <k-property-panel-item :name="key" :value="value" :key="key" v-for="(value, key) in this.metadata"></k-property-panel-item>
+            </template>
           </k-property-panel>
       </k-accordion-item>
       <k-accordion-item title="Custom Properties" v-if="this.custom_properties">
           <k-property-panel>
-              <k-property-panel-item :name="key" :value="value" v-if="content" :key="key" v-for="(value, key) in this.custom_properties"></k-property-panel-item>
+            <template v-if="content" >
+              <k-property-panel-item :name="key" :value="value" :key="key" v-for="(value, key) in this.custom_properties"></k-property-panel-item>
+            </template>
           </k-property-panel>
       </k-accordion-item>
       <k-accordion-item title="Interfaces" v-if="this.interfaces">
@@ -116,7 +120,7 @@
      return {
        content_switch: [],
        chosen_action: '',
-       chosen_interfaces: '',
+       chosen_interfaces: [],
        table_link_header: ['Links'],
        table_link_body: [],
        next_state: '',

From 9436bde690258e13f1bd6257ce2d55e55e54b4c7 Mon Sep 17 00:00:00 2001
From: rmotitsuki <rogerio.motitsuki@gmail.com>
Date: Fri, 26 Apr 2024 15:28:41 -0300
Subject: [PATCH 5/7] fix vue3 filter deprecated

---
 ui/k-action-menu/search_switch.kytos | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/ui/k-action-menu/search_switch.kytos b/ui/k-action-menu/search_switch.kytos
index 163b1cd1..dacb192b 100644
--- a/ui/k-action-menu/search_switch.kytos
+++ b/ui/k-action-menu/search_switch.kytos
@@ -7,7 +7,7 @@
             <div class="item-content" v-if="s.metadata && s.metadata.description"><b>Description:</b> {{s.metadata.description}}</div>
             <div class="item-content" v-if="s.metadata && s.metadata.city"><b>City:</b> {{s.metadata.city}}</div>
             <div class="item-content" v-if="s.metadata && s.metadata.network"><b>Network:</b> {{s.metadata.network}}</div>
-            <div class="item-content"><b>Interfaces:</b> {{s.interfaces | length}}</div>
+            <div class="item-content"><b>Interfaces:</b> {{ interfaceLength(s.interfaces) }}</div>
       </div>
     </div>
   </div>
@@ -43,7 +43,10 @@ module.exports = {
           self.switches.push(result.switches[key])
         }
       })
-    }
+    },
+    interfaceLength(interface) {
+      return interface.length;
+    },
   },
   data() {
     return {
@@ -57,11 +60,6 @@ module.exports = {
         }
     }
   },
-  filters: {
-    length(items) {
-     return Object.keys(items).length
-    }
-  },
   mounted() {
     this.get_switches()
     this.$kytos.eventBus.$emit('addActionMenuItem', this.options)

From cc0275505ac91aa23a6c9622aa790a8faca0ee64 Mon Sep 17 00:00:00 2001
From: rmotitsuki <rogerio.motitsuki@gmail.com>
Date: Thu, 2 May 2024 16:41:29 -0300
Subject: [PATCH 6/7] rollback vue3 filter logic

---
 ui/k-action-menu/search_switch.kytos | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/k-action-menu/search_switch.kytos b/ui/k-action-menu/search_switch.kytos
index dacb192b..ad5c53c8 100644
--- a/ui/k-action-menu/search_switch.kytos
+++ b/ui/k-action-menu/search_switch.kytos
@@ -44,8 +44,8 @@ module.exports = {
         }
       })
     },
-    interfaceLength(interface) {
-      return interface.length;
+    interfaceLength(items) {
+      return Object.keys(items).length;
     },
   },
   data() {

From 769308fb568d5bec11e5a8383ebb15123e2a5679 Mon Sep 17 00:00:00 2001
From: rmotitsuki <rogerio.motitsuki@gmail.com>
Date: Wed, 5 Jun 2024 17:50:40 -0300
Subject: [PATCH 7/7] upgraded CHANGELO

---
 CHANGELOG.rst | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.rst b/CHANGELOG.rst
index cb113eee..dbebb606 100644
--- a/CHANGELOG.rst
+++ b/CHANGELOG.rst
@@ -16,6 +16,7 @@ Changed
 - Updated python environment installation from 3.9 to 3.11
 - Updated test dependencies
 - After ``*.*.switch.interface.deleted`` event, the interface, if not used, will be automatically removed from memory.
+- Upgraded UI framework to Vue3
 
 [2023.2.0] - 2024-02-16
 ***********************