Migracja na Vite

src/components/Order.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="rozkaz">
-    <OrderN @generate-message="generateMessage" v-if="orderType == 'N'" />
-    <OrderS v-if="orderType == 'S'" />
+    <OrderNVue @generate-message="generateMessage" v-if="orderType == 'N'" />
+    <OrderSVue v-if="orderType == 'S'" />
 
     <section class="info">
       <table class="info-table">
@@ -53,12 +53,12 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import OrderN from '@/components/OrderN.vue';
-import OrderS from '@/components/OrderS.vue';
-import { useStore } from '@/store/store';
+import { useStore } from '../store/store';
+import OrderNVue from './OrderN.vue';
+import OrderSVue from './OrderS.vue';
 
 export default defineComponent({
-  components: { OrderN, OrderS },
+  components: { OrderNVue, OrderSVue },
 
   data() {
     return {

src/components/OrderN.vue

@@ -206,8 +206,8 @@
 </template>
 
 <script lang="ts">
-import { useStore } from '@/store/store';
-import { defineComponent, watch } from 'vue';
+import { defineComponent } from 'vue';
+import { useStore } from '../store/store';
 
 export default defineComponent({
   emits: ['generateMessage'],

src/components/OrderS.vue

@@ -87,8 +87,8 @@
 </template>
 
 <script lang="ts">
-import { useStore } from '@/store/store';
 import { defineComponent } from 'vue';
+import { useStore } from '../store/store';
 
 export default defineComponent({
   setup() {

src/views/Home.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="home">
-    <Order />
+    <OrderVue />
 
     <div class="generated-message">
       Wygenerowana wiadomość:
@@ -12,11 +12,10 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import Order from '@/components/Order.vue';
-import { useStore } from '@/store/store';
-
+import OrderVue from '../components/Order.vue';
+import { useStore } from '../store/store';
 export default defineComponent({
-  components: { Order },
+  components: { OrderVue },
 
   setup() {
     return {

src/vite-env.d.ts

@@ -1,4 +1,5 @@
-/* eslint-disable */
+/// <reference types="vite/client" />
+
 declare module '*.vue' {
   import type { DefineComponent } from 'vue'
   const component: DefineComponent<{}, {}, any>