fix lint errors in Vue demo

Author: GoodDayForSurf

apps/demos/Demos/Chat/AIAndChatbotIntegration/Vue/App.vue

@@ -80,7 +80,7 @@ onBeforeMount(() => {
 
 async function getAIResponse(messages: DxChatTypes.Message[]): Promise<string> {
   const params: Record<string, any> = {
-    messages: messages,
+    messages,
     model: AzureOpenAIConfig.deployment,
     max_tokens: 1000,
     temperature: 0.7,
@@ -160,20 +160,20 @@ function alertLimitReached(): void {
 async function regenerate(): Promise<void> {
   toggleDisabledState(true);
   const lastMessage = messages.at(-1);
-  
+
   try {
     const aiResponse = await getAIResponse(messages.slice(0, -1));
 
     updateLastMessage(aiResponse);
-    
+
     if (lastMessage?.content) {
       lastMessage.content = aiResponse;
     }
   } catch {
     if (lastMessage?.content) {
       updateLastMessage(lastMessage.content);
     }
-    
+
     alertLimitReached();
   } finally {
     toggleDisabledState(false);

apps/demos/Demos/Chat/MessageEditing/Vue/App.vue

@@ -61,8 +61,8 @@ const store = [...initialMessages];
 
 const customStore = new CustomStore({
   key: 'id',
-  load: async() => store,
-  insert: async(message: DxChatTypes.Message) => {
+  load: async () => store,
+  insert: async (message: DxChatTypes.Message) => {
     store.push(message);
     return message;
   },
@@ -113,12 +113,12 @@ const editingStrategy: Record<string, boolean | ((options: CustomStrategyOptions
   disabled: false,
   custom: ({ component, message }: CustomStrategyOptions) => {
     if (!component) return false;
-    
+
     const { items, user } = component.option();
     const userId = user?.id;
 
     const lastNotDeletedMessage = items?.findLast(
-      (item: DxChatTypes.Message) => item.author?.id === userId && !item.isDeleted
+      (item: DxChatTypes.Message) => item.author?.id === userId && !item.isDeleted,
     );
 
     return message.id === lastNotDeletedMessage?.id;

apps/demos/Demos/Diagram/ItemSelection/Vue/App.vue

@@ -57,7 +57,7 @@ function onSelectionChanged({ items }: DxDiagramTypes.SelectionChangedEvent) {
   selectedItemNames.value = 'Nobody has been selected';
   const filteredItems = items
     .filter((item) => item.itemType === 'shape')
-    .map(({text}: Record<string, any>) => text);
+    .map(({ text }: Record<string, any>) => text);
   if (filteredItems.length > 0) {
     selectedItemNames.value = filteredItems.join(', ');
   }

apps/demos/Demos/DropDownButton/Overview/Vue/App.vue

@@ -184,7 +184,7 @@ function onColorClick(clickedColor: string) {
   color.value = clickedColor;
   if (colorPicker) {
     (colorPicker.element().getElementsByClassName('dx-icon-square')[0] as HTMLElement).style.color = clickedColor;
-    colorPicker.close();   
+    colorPicker.close();
   }
 }
 </script>

apps/demos/Demos/FileManager/CustomThumbnails/Vue/App.vue

@@ -19,7 +19,7 @@
 
 <script setup lang="ts">
 import { DxFileManager, DxPermissions, DxItemView } from 'devextreme-vue/file-manager';
-import FileSystemItem from "devextreme/file_management/file_system_item";
+import FileSystemItem from 'devextreme/file_management/file_system_item';
 import { fileItems } from './data.ts';
 
 function customizeIcon(fileSystemItem: FileSystemItem) {

apps/demos/Demos/Form/Adaptability/Vue/App.vue

@@ -35,7 +35,7 @@ const colCountByScreen = computed(() => (calculateColCountAutomatically.value
     md: 4,
   }));
 
-const screenByWidth = ((width: number) => (width < 720 ? 'sm' : 'md')) as unknown as () => void ;
+const screenByWidth = ((width: number) => (width < 720 ? 'sm' : 'md')) as unknown as () => void;
 </script>
 <style scoped>
 #form {

apps/demos/Demos/Form/UpdateItemsDynamically/Vue/App.vue

@@ -63,7 +63,7 @@ import {
   DxButtonItem,
   DxLabel,
 } from 'devextreme-vue/form';
-import { type DxCheckBoxTypes } from "devextreme-vue/check-box";
+import { type DxCheckBoxTypes } from 'devextreme-vue/check-box';
 import service from './data.ts';
 
 const employee = service.getEmployee();

apps/demos/Demos/Form/Validation/Vue/App.vue

@@ -346,7 +346,7 @@ function handleSubmit(e: Event) {
   }, 'success', 3000);
   e.preventDefault();
 }
-const sendRequest = function(value: string) {
+const sendRequest = function (value: string) {
   const invalidEmail = '[email protected]';
   return new Promise((resolve) => {
     setTimeout(() => {

apps/demos/Demos/Gantt/ExportToPDF/Vue/App.vue

@@ -158,7 +158,7 @@ import {
   DxItem,
 } from 'devextreme-vue/gantt';
 import DxCheckBox from 'devextreme-vue/check-box';
-import DxNumberBox, {type DxNumberBoxTypes } from 'devextreme-vue/number-box';
+import DxNumberBox, { type DxNumberBoxTypes } from 'devextreme-vue/number-box';
 import DxDateBox from 'devextreme-vue/date-box';
 import DxSelectBox, { type DxSelectBoxTypes } from 'devextreme-vue/select-box';
 import { jsPDF } from 'jspdf';

apps/demos/Demos/HtmlEditor/AITextEditing/Vue/App.vue

@@ -34,7 +34,7 @@ import {
   DxCommand,
 } from 'devextreme-vue/html-editor';
 import { AIIntegration, type Response } from 'devextreme-vue/common/ai-integration';
-import { AzureOpenAI, OpenAI  } from 'openai';
+import { AzureOpenAI, OpenAI } from 'openai';
 import {
   markup,
   AzureOpenAIConfig,
@@ -66,15 +66,15 @@ const aiIntegration = new AIIntegration({
   sendRequest({ prompt }) {
     const controller = new AbortController();
     const signal = controller.signal;
-    
+
     const aiPrompt: AIMessage[] = [
       { role: 'system', content: prompt.system || '' },
       { role: 'user', content: prompt.user || '' },
     ];
 
     const promise = getAIResponse(aiPrompt, signal);
 
-    const result: Response  = {
+    const result: Response = {
       promise,
       abort: () => {
         controller.abort();