fix(documentation): DLT-3451 migrate stale @change/@input handlers to @update:model-value (#1300)

Author: paulojreis-dialpad

apps/dialtone-documentation/docs/.vuepress/exampleComponents/ExampleRichTextEditor.vue

@@ -23,7 +23,7 @@
     :allow-underline="$attrs.allowUnderline"
     :additional-extensions="$attrs.additionalExtensions"
     @blur="$attrs.onBlur"
-    @input="$attrs.onInput"
+    @update:model-value="$attrs.onInput"
     @focus="$attrs.onFocus"
     @enter="$attrs.onEnter"
   />

apps/dialtone-documentation/docs/.vuepress/theme/components/Sidebar.vue

@@ -15,7 +15,7 @@
         aria-label="Search"
         placeholder="Search"
         type="search"
-        @input="focusedIndex = -1"
+        @update:model-value="focusedIndex = -1"
       >
         <template #startIcon="{ iconSize }">
           <dt-icon name="search" :size="iconSize" />

apps/dialtone-documentation/docs/foundations/icons/usage/index.md

@@ -29,8 +29,8 @@ For detailed instructions on using the icons, check the [DtIcon component](/comp
     <div class="d-fl-center">
       <dt-icon :name="selectedIcon" :size="selectedSize" />
     </div>
-    <dt-select-menu label="Name" :options="iconListOptions" @change="changeIcon" />
-    <dt-select-menu label="Size" :options="sizeValues" @change="changeIconSize" />
+    <dt-select-menu label="Name" :options="iconListOptions" @update:model-value="changeIcon" />
+    <dt-select-menu label="Size" :options="sizeValues" @update:model-value="changeIconSize" />
   </div>
 </code-well-header>
 </div>