extract constants/*

src/components/create/CreatePredefinedMessagesSection.vue

@@ -30,34 +30,14 @@
 </template>
 
 <script setup lang="ts">
-import { watch, nextTick, useTemplateRef } from 'vue'
+import { nextTick, useTemplateRef, watch } from 'vue'
 import { type QRCodeDocument } from '@/types/DBDocumentTypes'
+import { defaultMessages } from '@/constants/defaultMessages'
 
 // Пропсы
 const props = defineProps<{ placement: QRCodeDocument['placement'] }>()
 const messagesRef = useTemplateRef<HTMLDivElement[]>('messagesRef')
 
-// Предустановленные сообщения по типу размещения
-const defaultMessages = {
-  car: [
-    'Ваш автомобиль мешает',
-    'Выключите свет',
-    'Спустило колесо',
-    'Подойдите к вашей машине',
-    'Эвакуатор',
-  ],
-  pet: ['Нашёлся ваш питомец'],
-  door: ['Я рядом с дверью'],
-  store: ['Подойдите к кассе', 'Вопрос по товару', 'Помощь с покупкой'],
-  restaurant_table: [
-    'Позовите официанта',
-    'Принести меню',
-    'Принести счёт',
-    'Пожаловаться на обслуживание',
-  ],
-  other: [],
-}
-
 // Локальное хранилище сообщений
 const messages = defineModel<Exclude<QRCodeDocument['predefinedMessages'], undefined>>({
   required: true,
@@ -67,7 +47,7 @@ const messages = defineModel<Exclude<QRCodeDocument['predefinedMessages'], undef
 watch(
   () => props.placement,
   (newPlacement, previousPlacement) => {
-    let prevDefaultMessages: QRCodeDocument['predefinedMessages'] = []
+    let prevDefaultMessages: (typeof defaultMessages)[QRCodeDocument['placement']] = []
     if (previousPlacement && previousPlacement in defaultMessages) {
       prevDefaultMessages = defaultMessages[previousPlacement]
     }