init 5S article and refacto pull system

src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import FlowArticle from '@/modules/FlowArticle.vue'
+import FlowArticle from '@/modules/pull-system/FlowArticle.vue'
 import { StarportCarrier } from 'vue-starport'
 </script>
 

src/App5S.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts"></script>
+
+<template>
+  <main id="main-app">5S!!!</main>
+</template>
+
+<style scoped lang="scss">
+main {
+  min-height: calc(100vh - 2 * 1rem);
+}
+</style>

src/main-5s.ts

@@ -0,0 +1,5 @@
+import { createPinia } from 'pinia'
+import { createApp } from 'vue'
+import App from './App5S.vue'
+
+createApp(App).use(createPinia()).mount('#app')

src/modules/pull-system/FlowArticle.vue

@@ -1,15 +1,15 @@
 <script setup lang="ts">
 import SeparatorIcon from '@/icons/SeparatorIcon.vue'
-import FlowConclusion from '@/modules/article/FlowConclusion.vue'
-import FlowHypothesis from '@/modules/article/FlowHypothesis.vue'
-import FlowIntro from '@/modules/article/FlowIntro.vue'
-import FlowMultipleSimulation from '@/modules/article/FlowMultipleSimulation.vue'
-import FlowSetup from '@/modules/article/FlowSetup.vue'
-import FlowSingleSimulation from '@/modules/article/FlowSingleSimulation.vue'
-import FeatureSteps from '@/modules/feature/FeatureSteps.vue'
-import FlowDashboard from '@/modules/feature/FlowDashboard.vue'
-import SimulationControls from '@/modules/simulation/SimulationControls.vue'
-import SimulationDashboard from '@/modules/simulation/SimulationDashboard.vue'
+import FlowConclusion from '@/modules/pull-system/article/FlowConclusion.vue'
+import FlowHypothesis from '@/modules/pull-system/article/FlowHypothesis.vue'
+import FlowIntro from '@/modules/pull-system/article/FlowIntro.vue'
+import FlowMultipleSimulation from '@/modules/pull-system/article/FlowMultipleSimulation.vue'
+import FlowSetup from '@/modules/pull-system/article/FlowSetup.vue'
+import FlowSingleSimulation from '@/modules/pull-system/article/FlowSingleSimulation.vue'
+import FeatureSteps from '@/modules/pull-system/feature/FeatureSteps.vue'
+import FlowDashboard from '@/modules/pull-system/feature/FlowDashboard.vue'
+import SimulationControls from '@/modules/pull-system/simulation/SimulationControls.vue'
+import SimulationDashboard from '@/modules/pull-system/simulation/SimulationDashboard.vue'
 </script>
 
 <template>

src/modules/pull-system/article/FlowSetup.vue

@@ -2,10 +2,10 @@
 import ProblemSolvingIcon from '@/icons/ProblemSolvingIcon.vue'
 import PullSystemIcon from '@/icons/PullSystemIcon.vue'
 import PushSystemIcon from '@/icons/PushSystemIcon.vue'
-import FeatureItem from '@/modules/feature/FeatureItem.vue'
-import FlowControls from '@/modules/feature/FlowControls.vue'
-import QualityIssue from '@/modules/feature/QualityIssue.vue'
-import { Feature } from '@/modules/feature/feature'
+import FeatureItem from '@/modules/pull-system/feature/FeatureItem.vue'
+import FlowControls from '@/modules/pull-system/feature/FlowControls.vue'
+import QualityIssue from '@/modules/pull-system/feature/QualityIssue.vue'
+import { Feature } from '@/modules/pull-system/feature/feature'
 
 const feature: Feature = {
   name: 'As a user, in the homepage, I can login',

src/modules/pull-system/feature/FeatureItem.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import QualityIssue from '@/modules/feature/QualityIssue.vue'
-import { Feature } from '@/modules/feature/feature'
+import QualityIssue from '@/modules/pull-system/feature/QualityIssue.vue'
+import { Feature } from '@/modules/pull-system/feature/feature'
 import { computed } from 'vue'
 
 const props = withDefaults(

src/modules/pull-system/feature/FeatureStep.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import FeatureItem from '@/modules/feature/FeatureItem.vue'
-import { Feature } from '@/modules/feature/feature'
-import { FeatureStep } from '@/modules/feature/feature-steps'
+import FeatureItem from '@/modules/pull-system/feature/FeatureItem.vue'
+import { Feature } from '@/modules/pull-system/feature/feature'
+import { FeatureStep } from '@/modules/pull-system/feature/feature-steps'
 import { useElementSize } from '@vueuse/core'
 import { computed, ref } from 'vue'
 import { Starport } from 'vue-starport'

src/modules/pull-system/feature/FeatureSteps.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import FeatureStep from '@/modules/feature/FeatureStep.vue'
-import { featureSteps } from '@/modules/feature/feature-steps'
-import { useFeatureStore } from '@/modules/feature/feature-store'
+import FeatureStep from '@/modules/pull-system/feature/FeatureStep.vue'
+import { featureSteps } from '@/modules/pull-system/feature/feature-steps'
+import { useFeatureStore } from '@/modules/pull-system/feature/feature-store'
 import { onMounted } from 'vue'
 
 const NUMBER_OF_FEATURES = 20

src/modules/pull-system/feature/FlowControls.vue

@@ -3,7 +3,7 @@ import EraserIcon from '@/icons/EraserIcon.vue'
 import ProblemSolvingIcon from '@/icons/ProblemSolvingIcon.vue'
 import PullSystemIcon from '@/icons/PullSystemIcon.vue'
 import PushSystemIcon from '@/icons/PushSystemIcon.vue'
-import { useFeatureStore } from '@/modules/feature/feature-store'
+import { useFeatureStore } from '@/modules/pull-system/feature/feature-store'
 
 const NUMBER_OF_FEATURES = 20
 

src/modules/pull-system/feature/FlowDashboard.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import SeparatorIcon from '@/icons/SeparatorIcon.vue'
-import FlowControls from '@/modules/feature/FlowControls.vue'
-import { useFeatureStore } from '@/modules/feature/feature-store'
+import FlowControls from '@/modules/pull-system/feature/FlowControls.vue'
+import { useFeatureStore } from '@/modules/pull-system/feature/feature-store'
 
 const featureStore = useFeatureStore()
 </script>

src/modules/pull-system/feature/feature-board.ts

@@ -1,6 +1,6 @@
-import { Feature, FeatureStatus } from '@/modules/feature/feature'
-import { FeatureStep } from '@/modules/feature/feature-steps'
-import { features as initialFeatures } from '@/modules/feature/feature.fixture'
+import { Feature, FeatureStatus } from '@/modules/pull-system/feature/feature'
+import { FeatureStep } from '@/modules/pull-system/feature/feature-steps'
+import { features as initialFeatures } from '@/modules/pull-system/feature/feature.fixture'
 import { Strategy } from '@/modules/lean/strategy'
 import { FeatureState } from '@/store-type'
 import {

src/modules/pull-system/feature/feature-store.ts

@@ -1,4 +1,4 @@
-import { Feature } from '@/modules/feature/feature'
+import { Feature } from '@/modules/pull-system/feature/feature'
 import {
   getMeanComplexity,
   getMeanLeadTime,
@@ -8,8 +8,8 @@ import {
   isProjectFinished,
   newBacklog,
   nextDay
-} from '@/modules/feature/feature-board'
-import { featureSteps } from '@/modules/feature/feature-steps'
+} from '@/modules/pull-system/feature/feature-board'
+import { featureSteps } from '@/modules/pull-system/feature/feature-steps'
 import { Strategy } from '@/modules/lean/strategy'
 import { FeatureState, Meta } from '@/store-type'
 import { defineStore } from 'pinia'

src/modules/pull-system/feature/feature.fixture.ts

@@ -1,5 +1,5 @@
 import { birds } from '@/data/bird'
-import { Feature } from '@/modules/feature/feature'
+import { Feature } from '@/modules/pull-system/feature/feature'
 import { randomInteger } from '@/utils'
 
 export const features: Feature[] = birds.map((name) => ({

src/modules/pull-system/simulation/SimulationChart.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useSimulationStore } from '@/modules/simulation/simulation-store'
+import { useSimulationStore } from '@/modules/pull-system/simulation/simulation-store'
 import { popNElement } from '@/utils'
 import chartXkcd from 'chart.xkcd'
 import { onMounted, ref, watch } from 'vue'

src/modules/pull-system/simulation/SimulationControls.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Strategy } from '@/modules/lean/strategy'
-import { useSimulationStore } from '@/modules/simulation/simulation-store'
+import { useSimulationStore } from '@/modules/pull-system/simulation/simulation-store'
 
 defineProps<{
   type: 'single' | 'multiple'

src/modules/pull-system/simulation/SimulationDashboard.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Strategy } from '@/modules/lean/strategy'
-import { useSimulationStore } from '@/modules/simulation/simulation-store'
+import { useSimulationStore } from '@/modules/pull-system/simulation/simulation-store'
 
 const simulationStore = useSimulationStore()
 

src/modules/pull-system/simulation/simulation-store.ts

@@ -1,4 +1,4 @@
-import { featureSteps } from '@/modules/feature/feature-steps'
+import { featureSteps } from '@/modules/pull-system/feature/feature-steps'
 import { Strategy } from '@/modules/lean/strategy'
 import { Dashboard, Meta } from '@/store-type'
 import { getRound } from '@/utils'

src/store-type.ts

@@ -1,5 +1,5 @@
-import { Feature } from '@/modules/feature/feature'
-import { FeatureStep } from '@/modules/feature/feature-steps'
+import { Feature } from '@/modules/pull-system/feature/feature'
+import { FeatureStep } from '@/modules/pull-system/feature/feature-steps'
 import { Strategy } from '@/modules/lean/strategy'
 
 export type Meta = {