Merge pull request #125 from eugene-serb/dev

Release 1.33.0

.vscode/settings.json

@@ -17,6 +17,16 @@
     "Wavemaster",
     "webvisor",
     "Вибро",
-    "геймпада"
+    "вибропривода",
+    "геймпада",
+    "геймпадами",
+    "геймпадов",
+    "Десериализатор",
+    "Композабл",
+    "композабла",
+    "лейаута",
+    "лейаутов",
+    "Лейауты",
+    "Сериализатор"
   ]
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "wavelovers",
-  "version": "1.32.0",
+  "version": "1.33.0",
   "description": "Wavelovers is a vibration test tool for gamepads and mobile devices that can also turn them into vibration massagers. It has free vibration templates, template editor and manual control mode.",
   "keywords": [
     "wavelovers",
@@ -45,15 +45,15 @@
   },
   "dependencies": {
     "pinia": "^2.1.7",
-    "vue": "^3.4.27",
+    "vue": "^3.4.29",
     "vue-meta-tag-updater": "^2.2.0",
-    "vue-router": "^4.3.2"
+    "vue-router": "^4.3.3"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.10.3",
     "@tsconfig/node20": "^20.1.4",
     "@types/jsdom": "^21.1.7",
-    "@types/node": "^20.14.2",
+    "@types/node": "^20.14.6",
     "@vitejs/plugin-vue": "^5.0.5",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "@vue/eslint-config-prettier": "^9.0.0",
@@ -64,11 +64,11 @@
     "eslint-plugin-vue": "^9.26.0",
     "jsdom": "^24.1.0",
     "npm-run-all2": "^6.2.0",
-    "prettier": "^3.3.1",
-    "sass": "^1.77.4",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.13",
+    "prettier": "^3.3.2",
+    "sass": "^1.77.6",
+    "typescript": "^5.5.2",
+    "vite": "^5.3.1",
     "vitest": "^1.6.0",
-    "vue-tsc": "^2.0.19"
+    "vue-tsc": "^2.0.21"
   }
 }

public/sitemap-internal.xml

@@ -2,55 +2,55 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://wavelovers.ru/</loc>
-    <lastmod>2024-06-07</lastmod>
+    <lastmod>2024-06-21</lastmod>
     <changefreq>weekly</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
     <loc>https://wavelovers.ru/custom</loc>
-    <lastmod>2024-06-07</lastmod>
+    <lastmod>2024-06-21</lastmod>
     <changefreq>weekly</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
     <loc>https://wavelovers.ru/manual</loc>
-    <lastmod>2024-06-07</lastmod>
+    <lastmod>2024-06-21</lastmod>
     <changefreq>weekly</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
     <loc>https://wavelovers.ru/diagnostic</loc>
-    <lastmod>2024-06-07</lastmod>
+    <lastmod>2024-06-21</lastmod>
     <changefreq>weekly</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
     <loc>https://wavelovers.ru/mobile</loc>
-    <lastmod>2024-06-07</lastmod>
+    <lastmod>2024-06-21</lastmod>
     <changefreq>weekly</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
     <loc>https://wavelovers.ru/mobile-custom</loc>
-    <lastmod>2024-06-07</lastmod>
+    <lastmod>2024-06-21</lastmod>
     <changefreq>weekly</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
     <loc>https://wavelovers.ru/faq</loc>
-    <lastmod>2024-06-07</lastmod>
+    <lastmod>2024-06-21</lastmod>
     <changefreq>weekly</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
     <loc>https://wavelovers.ru/about</loc>
-    <lastmod>2024-06-07</lastmod>
+    <lastmod>2024-06-21</lastmod>
     <changefreq>weekly</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
     <loc>https://wavelovers.ru/donate</loc>
-    <lastmod>2024-06-07</lastmod>
+    <lastmod>2024-06-21</lastmod>
     <changefreq>weekly</changefreq>
     <priority>1.0</priority>
   </url>

public/sitemap.xml

@@ -2,6 +2,6 @@
 <sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <sitemap>
     <loc>https://wavelovers.ru/sitemap-internal.xml</loc>
-    <lastmod>2024-06-07</lastmod>
+    <lastmod>2024-06-21</lastmod>
   </sitemap>
 </sitemapindex>

src/App.vue

@@ -1,13 +1,9 @@
 <script setup lang="ts">
-import { defineComponent, onMounted, onUnmounted } from 'vue';
+import { onMounted, onUnmounted } from 'vue';
 import { RouterView } from 'vue-router';
 import { useLayouts } from '@/composables';
 import { useGamepadsStore } from '@/store';
 
-defineComponent({
-  name: 'App',
-});
-
 const { layout } = useLayouts();
 const { initialize, terminate } = useGamepadsStore();
 

src/components/atoms/AAnnouncement.vue

@@ -1,45 +1,58 @@
 <script setup lang="ts">
-import { defineComponent, defineProps, defineEmits } from 'vue';
-
-defineComponent({
-  name: 'AAnnouncement',
-});
-
 /**
- * Входные параметры компонента.
+ * Интерфейс входных параметров компонента.
  */
-const props = defineProps({
+interface Props {
   /**
    * Идентификатор анонса.
    */
-  id: {
-    type: String,
-    required: true,
-  },
+  id: string;
   /**
    * Включён ли анонс.
    */
-  enabled: {
-    type: Boolean,
-    required: true,
-  },
+  enabled: boolean;
   /**
    * Можно ли закрыть.
    */
-  closable: {
-    type: Boolean,
-    default: false,
-  },
+  closable?: boolean;
+}
+
+/**
+ * Интерфейс событий, которые может сгенерировать компонент.
+ */
+interface Emits {
+  /**
+   * Закрытие анонса.
+   *
+   * @param e - Имя события.
+   * @param id - ID анонса.
+   */
+  (e: 'close', id: string): void;
+}
+
+/**
+ * Интерфейс слотов, который содержит компонент.
+ */
+interface Slots {
+  /**
+   * Слот по умолчанию.
+   */
+  default(): any;
+}
+
+/**
+ * Входные параметры компонента.
+ */
+const props = withDefaults(defineProps<Props>(), {
+  closable: false,
 });
 
 /**
  * События, которые может сгенерировать компонент.
  */
-const emits = defineEmits({
-  close(id: string): boolean {
-    return typeof id === 'string' && id.length > 0;
-  },
-});
+const emits = defineEmits<Emits>();
+
+defineSlots<Slots>();
 
 /**
  * Закрыть анонс.

src/components/atoms/AGamepad.vue

@@ -1,9 +1,15 @@
 <script setup lang="ts">
-import { defineComponent } from 'vue';
+/**
+ * Интерфейс слотов, который содержит компонент.
+ */
+interface Slots {
+  /**
+   * Слот по умолчанию.
+   */
+  default(): any;
+}
 
-defineComponent({
-  name: 'AGamepad',
-});
+defineSlots<Slots>();
 </script>
 
 <template>

src/components/atoms/AMessage.vue

@@ -1,9 +1,15 @@
 <script setup lang="ts">
-import { defineComponent } from 'vue';
+/**
+ * Интерфейс слотов, который содержит компонент.
+ */
+interface Slots {
+  /**
+   * Слот по умолчанию.
+   */
+  default(): any;
+}
 
-defineComponent({
-  name: 'AMessage',
-});
+defineSlots<Slots>();
 </script>
 
 <template>

src/components/atoms/ATextLogo.vue

@@ -1,43 +1,34 @@
 <script setup lang="ts">
-import { defineComponent, defineProps } from 'vue';
 import { RouterLink } from 'vue-router';
+import { LinkTargetVariants } from '@/models';
 
-import type { PropType } from 'vue';
 import type { LinkTarget } from '@/models';
 
-defineComponent({
-  name: 'ATextLogo',
-});
-
-defineProps({
+/**
+ * Интерфейс входных параметров компонента.
+ */
+interface Props {
   /**
    * Текст.
    */
-  text: {
-    type: String,
-    required: true,
-  },
+  text: string;
   /**
    * Ссылка, куда ведёт лого.
    */
-  link: {
-    type: String,
-    required: true,
-  },
+  link: string;
   /**
    * Как переходить по ссылке.
    */
-  target: {
-    type: String as PropType<LinkTarget>,
-    default: '_self',
-  },
+  target?: LinkTarget;
   /**
    * Разрешать переводить текст лого при запросе пользователя?
    */
-  translate: {
-    type: Boolean,
-    default: false,
-  },
+  translate?: boolean;
+}
+
+withDefaults(defineProps<Props>(), {
+  target: LinkTargetVariants.SELF,
+  translate: false,
 });
 </script>
 

src/components/molecules/MAnnouncement.vue

@@ -1,27 +1,26 @@
 <script setup lang="ts">
-import { defineComponent, defineProps, computed, toRefs } from 'vue';
+import { computed, toRefs } from 'vue';
 import { useRouter } from 'vue-router';
 import { AAnnouncement } from '@/components/atoms';
 import { useAnnouncements } from '@/composables';
 
-import type { PropType } from 'vue';
 import type { Announcement } from '@/models';
 
-defineComponent({
-  name: 'MAnnouncement',
-});
-
 /**
- * Входные параметры компонента.
+ * Интерфейс входных параметров компонента.
  */
-const props = defineProps({
+interface Props {
   /**
    * Анонсы.
    */
-  announcements: {
-    type: Array as PropType<Announcement[]>,
-    default: () => [],
-  },
+  announcements?: Announcement[];
+}
+
+/**
+ * Входные параметры компонента.
+ */
+const props = withDefaults(defineProps<Props>(), {
+  announcements: () => [],
 });
 
 const { currentRoute } = useRouter();