sekcje: refactor plików

src/App.vue

@@ -46,13 +46,13 @@ import packageInfo from '.././package.json';
 
 import { defineComponent } from 'vue';
 
-import InputsSection from './components/InputsSection.vue';
+import InputsSection from './components/sections/InputsSection.vue';
 
 import { useStore } from './store';
-import TrainImageSection from './components/TrainImageSection.vue';
-import LogoSection from './components/LogoSection.vue';
+import TrainImageSection from './components/sections/TrainImageSection.vue';
+import LogoSection from './components/sections/LogoSection.vue';
 import RealStockCard from './components/cards/RealStockCard.vue';
-import StockSection from './components/StockSection.vue';
+import StockSection from './components/sections/StockSection.vue';
 
 export default defineComponent({
   components: {

src/components/sections/InputsSection.vue

@@ -107,12 +107,12 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 
-import { IStock } from '../types';
-import imageMixin from '../mixins/imageMixin';
-import { useStore } from '../store';
-import { isLocomotive } from '../utils/vehicleUtils';
-import stockPreviewMixin from '../mixins/stockPreviewMixin';
-import stockMixin from '../mixins/stockMixin';
+import { IStock } from '../../types';
+import imageMixin from '../../mixins/imageMixin';
+import { useStore } from '../../store';
+import { isLocomotive } from '../../utils/vehicleUtils';
+import stockPreviewMixin from '../../mixins/stockPreviewMixin';
+import stockMixin from '../../mixins/stockMixin';
 
 interface ILocoType {
   id: string;
@@ -219,7 +219,7 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-@import '../styles/global';
+@import '../../styles/global';
 
 .inputs-section {
   display: flex;

src/components/sections/StockSection.vue

@@ -10,10 +10,10 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import { useStore } from '../store';
-import StockListTab from './StockListTab.vue';
-import StockGeneratorTab from './StockGeneratorTab.vue';
-import NumberGeneratorTab from './NumberGeneratorTab.vue';
+import { useStore } from '../../store';
+import StockListTab from '../tabs/StockListTab.vue';
+import StockGeneratorTab from '../tabs/StockGeneratorTab.vue';
+import NumberGeneratorTab from '../tabs/NumberGeneratorTab.vue';
 
 export default defineComponent({
   setup() {

src/components/sections/TrainImageSection.vue

@@ -54,9 +54,9 @@
 
 <script lang="ts">
 import { computed, defineComponent } from 'vue';
-import { useStore } from '../store';
-import { isLocomotive } from '../utils/vehicleUtils';
-import { ILocomotive, Vehicle } from '../types';
+import { useStore } from '../../store';
+import { isLocomotive } from '../../utils/vehicleUtils';
+import { ILocomotive, Vehicle } from '../../types';
 
 export default defineComponent({
   setup() {
@@ -110,7 +110,7 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-@import '../styles/global.scss';
+@import '../../styles/global.scss';
 
 .train-image-section {
   grid-row: 3;

src/components/tabs/NumberGeneratorTab.vue

@@ -36,9 +36,9 @@
 
 <script setup lang="ts">
 import { Ref, computed, ref } from 'vue';
-import { useStore } from '../store';
+import { useStore } from '../../store';
 
-import genData from '../constants/numberGeneratorData.json';
+import genData from '../../constants/numberGeneratorData.json';
 
 type RegionName = keyof typeof genData.regionNumbers;
 
@@ -89,8 +89,8 @@ const randomizeTrainNumber = () => {
 </script>
 
 <style lang="scss" scoped>
-@import '../styles/tab.scss';
-@import '../styles/global.scss';
+@import '../../styles/tab.scss';
+@import '../../styles/global.scss';
 
 .options {
   display: flex;

src/components/tabs/StockGeneratorTab.vue

@@ -89,10 +89,10 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import { useStore } from '../store';
+import { useStore } from '../../store';
 
-import stockMixin from '../mixins/stockMixin';
-import { ICargo, ICarWagon } from '../types';
+import stockMixin from '../../mixins/stockMixin';
+import { ICargo, ICarWagon } from '../../types';
 
 export default defineComponent({
   name: 'stock-generator',
@@ -226,8 +226,8 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-@import '../styles/global.scss';
-@import '../styles/tab.scss';
+@import '../../styles/global.scss';
+@import '../../styles/tab.scss';
 
 
 

src/components/tabs/StockListTab.vue

@@ -159,15 +159,15 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import TrainImage from './TrainImageSection.vue';
+import TrainImage from '../sections/TrainImageSection.vue';
 
-import { useStore } from '../store';
-import warningsMixin from '../mixins/warningsMixin';
-import imageMixin from '../mixins/imageMixin';
-import stockPreviewMixin from '../mixins/stockPreviewMixin';
-import { IStock } from '../types';
-import StockThumbnails from './StockThumbnails.vue';
-import stockMixin from '../mixins/stockMixin';
+import { useStore } from '../../store';
+import warningsMixin from '../../mixins/warningsMixin';
+import imageMixin from '../../mixins/imageMixin';
+import stockPreviewMixin from '../../mixins/stockPreviewMixin';
+import { IStock } from '../../types';
+import StockThumbnails from '../utils/StockThumbnails.vue';
+import stockMixin from '../../mixins/stockMixin';
 
 export default defineComponent({
   name: 'stock-list',
@@ -407,7 +407,7 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-@import '../styles/global';
+@import '../../styles/global';
 
 .warning {
   padding: 0.25em;

src/components/utils/StockThumbnails.vue

@@ -29,8 +29,8 @@
 
 <script setup lang="ts">
 import { Ref, computed, nextTick, ref, watch } from 'vue';
-import { useStore } from '../store';
-import { IStock } from '../types';
+import { useStore } from '../../store';
+import { IStock } from '../../types';
 
 const store = useStore();
 const emit = defineEmits(['listItemClick', 'stockImageError']);