From 400566b849337c1e524005e1959158b656d7620a Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sun, 22 Dec 2024 18:31:31 +0100
Subject: [PATCH] init 5S article and refacto pull system

---
 5s.css                                        | 41 +++++++++++++++++++
 5s.html                                       | 27 ++++++++++++
 index.html                                    |  4 +-
 src/App.vue                                   |  2 +-
 src/App5S.vue                                 | 11 +++++
 src/main-5s.ts                                |  5 +++
 src/modules/{ => pull-system}/FlowArticle.vue | 20 ++++-----
 .../article/FlowConclusion.vue                |  0
 .../article/FlowHypothesis.vue                |  0
 .../{ => pull-system}/article/FlowIntro.vue   |  0
 .../article/FlowMultipleSimulation.vue        |  0
 .../{ => pull-system}/article/FlowSetup.vue   |  8 ++--
 .../article/FlowSingleSimulation.vue          |  0
 .../{ => pull-system}/feature/FeatureItem.vue |  4 +-
 .../{ => pull-system}/feature/FeatureStep.vue |  6 +--
 .../feature/FeatureSteps.vue                  |  6 +--
 .../feature/FlowControls.vue                  |  2 +-
 .../feature/FlowDashboard.vue                 |  4 +-
 .../feature/QualityIssue.vue                  |  0
 .../feature/feature-board.ts                  |  6 +--
 .../feature/feature-steps.ts                  |  0
 .../feature/feature-store.ts                  |  6 +--
 .../feature/feature.fixture.test.ts           |  0
 .../feature/feature.fixture.ts                |  2 +-
 .../{ => pull-system}/feature/feature.ts      |  0
 .../{ => pull-system}/lean/strategy.ts        |  0
 .../simulation/SimulationChart.vue            |  2 +-
 .../simulation/SimulationControls.vue         |  2 +-
 .../simulation/SimulationDashboard.vue        |  2 +-
 .../simulation/simulation-store.ts            |  2 +-
 src/store-type.ts                             |  4 +-
 vite.config.ts                                |  5 ++-
 32 files changed, 129 insertions(+), 42 deletions(-)
 create mode 100644 5s.css
 create mode 100644 5s.html
 create mode 100644 src/App5S.vue
 create mode 100644 src/main-5s.ts
 rename src/modules/{ => pull-system}/FlowArticle.vue (59%)
 rename src/modules/{ => pull-system}/article/FlowConclusion.vue (100%)
 rename src/modules/{ => pull-system}/article/FlowHypothesis.vue (100%)
 rename src/modules/{ => pull-system}/article/FlowIntro.vue (100%)
 rename src/modules/{ => pull-system}/article/FlowMultipleSimulation.vue (100%)
 rename src/modules/{ => pull-system}/article/FlowSetup.vue (92%)
 rename src/modules/{ => pull-system}/article/FlowSingleSimulation.vue (100%)
 rename src/modules/{ => pull-system}/feature/FeatureItem.vue (87%)
 rename src/modules/{ => pull-system}/feature/FeatureStep.vue (94%)
 rename src/modules/{ => pull-system}/feature/FeatureSteps.vue (82%)
 rename src/modules/{ => pull-system}/feature/FlowControls.vue (94%)
 rename src/modules/{ => pull-system}/feature/FlowDashboard.vue (93%)
 rename src/modules/{ => pull-system}/feature/QualityIssue.vue (100%)
 rename src/modules/{ => pull-system}/feature/feature-board.ts (96%)
 rename src/modules/{ => pull-system}/feature/feature-steps.ts (100%)
 rename src/modules/{ => pull-system}/feature/feature-store.ts (92%)
 rename src/modules/{ => pull-system}/feature/feature.fixture.test.ts (100%)
 rename src/modules/{ => pull-system}/feature/feature.fixture.ts (79%)
 rename src/modules/{ => pull-system}/feature/feature.ts (100%)
 rename src/modules/{ => pull-system}/lean/strategy.ts (100%)
 rename src/modules/{ => pull-system}/simulation/SimulationChart.vue (95%)
 rename src/modules/{ => pull-system}/simulation/SimulationControls.vue (94%)
 rename src/modules/{ => pull-system}/simulation/SimulationDashboard.vue (96%)
 rename src/modules/{ => pull-system}/simulation/simulation-store.ts (98%)

diff --git a/5s.css b/5s.css
new file mode 100644
index 0000000..a136f33
--- /dev/null
+++ b/5s.css
@@ -0,0 +1,41 @@
+:root {
+  --color: var(--primary-color);
+}
+
+*:not(td):not(th) {
+  border-radius: 0.5rem;
+}
+
+body {
+  font-size: 28px;
+  font-family: 'Noto Serif', serif;
+  margin: 0;
+}
+
+header {
+  text-align: center;
+  color: var(--primary-color);
+}
+
+main {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 0;
+  margin: 1rem 1rem 0;
+  color: var(--color);
+}
+
+.meaning {
+  color: #9f9a9a;
+  font-weight: 100;
+  font-size: 1rem;
+}
+
+.meaning::before {
+  content: '(';
+}
+
+.meaning::after {
+  content: ')';
+}
\ No newline at end of file
diff --git a/5s.html b/5s.html
new file mode 100644
index 0000000..fb946e0
--- /dev/null
+++ b/5s.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Interactive 5S</title>
+    <meta
+      name="description"
+      content="Author: Julien Calixte,
+    My understanding of how a 5S can help team."
+    />
+    <link rel="stylesheet" href="core.css" />
+    <link rel="stylesheet" href="5s.css" />
+    <link rel="icon" href="people-improvement.svg" />
+    <link rel="mask-icon" href="people-improvement.svg" color="#ffffff" />
+  </head>
+  <body>
+    <noscript>
+      <strong
+        >We're sorry but this app doesn't work properly without JavaScript
+        enabled. Please enable it to continue.</strong
+      >
+    </noscript>
+    <div id="app"></div>
+    <script type="module" src="/src/main-5s.ts"></script>
+  </body>
+</html>
diff --git a/index.html b/index.html
index f20312d..1381357 100644
--- a/index.html
+++ b/index.html
@@ -111,7 +111,9 @@
         </section>
         <section class="stability">
           <ul class="stability-list focusable">
-            <li class="s5s focusable">5S</li>
+            <li class="s5s focusable">
+              <a href="/5s.html">5S</a>
+            </li>
             <li class="problem-solving focusable">Problem solving</li>
             <li class="tpm focusable">TPM</li>
           </ul>
diff --git a/src/App.vue b/src/App.vue
index 8a3ae45..07dbab2 100644
--- a/src/App.vue
+++ b/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>
 
diff --git a/src/App5S.vue b/src/App5S.vue
new file mode 100644
index 0000000..a09904c
--- /dev/null
+++ b/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>
diff --git a/src/main-5s.ts b/src/main-5s.ts
new file mode 100644
index 0000000..9fb4431
--- /dev/null
+++ b/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')
diff --git a/src/modules/FlowArticle.vue b/src/modules/pull-system/FlowArticle.vue
similarity index 59%
rename from src/modules/FlowArticle.vue
rename to src/modules/pull-system/FlowArticle.vue
index ade571b..e09f9d1 100644
--- a/src/modules/FlowArticle.vue
+++ b/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>
diff --git a/src/modules/article/FlowConclusion.vue b/src/modules/pull-system/article/FlowConclusion.vue
similarity index 100%
rename from src/modules/article/FlowConclusion.vue
rename to src/modules/pull-system/article/FlowConclusion.vue
diff --git a/src/modules/article/FlowHypothesis.vue b/src/modules/pull-system/article/FlowHypothesis.vue
similarity index 100%
rename from src/modules/article/FlowHypothesis.vue
rename to src/modules/pull-system/article/FlowHypothesis.vue
diff --git a/src/modules/article/FlowIntro.vue b/src/modules/pull-system/article/FlowIntro.vue
similarity index 100%
rename from src/modules/article/FlowIntro.vue
rename to src/modules/pull-system/article/FlowIntro.vue
diff --git a/src/modules/article/FlowMultipleSimulation.vue b/src/modules/pull-system/article/FlowMultipleSimulation.vue
similarity index 100%
rename from src/modules/article/FlowMultipleSimulation.vue
rename to src/modules/pull-system/article/FlowMultipleSimulation.vue
diff --git a/src/modules/article/FlowSetup.vue b/src/modules/pull-system/article/FlowSetup.vue
similarity index 92%
rename from src/modules/article/FlowSetup.vue
rename to src/modules/pull-system/article/FlowSetup.vue
index 5188976..368d81a 100644
--- a/src/modules/article/FlowSetup.vue
+++ b/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',
diff --git a/src/modules/article/FlowSingleSimulation.vue b/src/modules/pull-system/article/FlowSingleSimulation.vue
similarity index 100%
rename from src/modules/article/FlowSingleSimulation.vue
rename to src/modules/pull-system/article/FlowSingleSimulation.vue
diff --git a/src/modules/feature/FeatureItem.vue b/src/modules/pull-system/feature/FeatureItem.vue
similarity index 87%
rename from src/modules/feature/FeatureItem.vue
rename to src/modules/pull-system/feature/FeatureItem.vue
index 95595d4..2aa1cfe 100644
--- a/src/modules/feature/FeatureItem.vue
+++ b/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(
diff --git a/src/modules/feature/FeatureStep.vue b/src/modules/pull-system/feature/FeatureStep.vue
similarity index 94%
rename from src/modules/feature/FeatureStep.vue
rename to src/modules/pull-system/feature/FeatureStep.vue
index 0d6e9b5..37f3316 100644
--- a/src/modules/feature/FeatureStep.vue
+++ b/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'
diff --git a/src/modules/feature/FeatureSteps.vue b/src/modules/pull-system/feature/FeatureSteps.vue
similarity index 82%
rename from src/modules/feature/FeatureSteps.vue
rename to src/modules/pull-system/feature/FeatureSteps.vue
index fbadf57..ab479c1 100644
--- a/src/modules/feature/FeatureSteps.vue
+++ b/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
diff --git a/src/modules/feature/FlowControls.vue b/src/modules/pull-system/feature/FlowControls.vue
similarity index 94%
rename from src/modules/feature/FlowControls.vue
rename to src/modules/pull-system/feature/FlowControls.vue
index bf386e9..677b293 100644
--- a/src/modules/feature/FlowControls.vue
+++ b/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
 
diff --git a/src/modules/feature/FlowDashboard.vue b/src/modules/pull-system/feature/FlowDashboard.vue
similarity index 93%
rename from src/modules/feature/FlowDashboard.vue
rename to src/modules/pull-system/feature/FlowDashboard.vue
index 4964181..77830ec 100644
--- a/src/modules/feature/FlowDashboard.vue
+++ b/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>
diff --git a/src/modules/feature/QualityIssue.vue b/src/modules/pull-system/feature/QualityIssue.vue
similarity index 100%
rename from src/modules/feature/QualityIssue.vue
rename to src/modules/pull-system/feature/QualityIssue.vue
diff --git a/src/modules/feature/feature-board.ts b/src/modules/pull-system/feature/feature-board.ts
similarity index 96%
rename from src/modules/feature/feature-board.ts
rename to src/modules/pull-system/feature/feature-board.ts
index d089230..351b05b 100644
--- a/src/modules/feature/feature-board.ts
+++ b/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 {
diff --git a/src/modules/feature/feature-steps.ts b/src/modules/pull-system/feature/feature-steps.ts
similarity index 100%
rename from src/modules/feature/feature-steps.ts
rename to src/modules/pull-system/feature/feature-steps.ts
diff --git a/src/modules/feature/feature-store.ts b/src/modules/pull-system/feature/feature-store.ts
similarity index 92%
rename from src/modules/feature/feature-store.ts
rename to src/modules/pull-system/feature/feature-store.ts
index 4af429b..0363382 100644
--- a/src/modules/feature/feature-store.ts
+++ b/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'
diff --git a/src/modules/feature/feature.fixture.test.ts b/src/modules/pull-system/feature/feature.fixture.test.ts
similarity index 100%
rename from src/modules/feature/feature.fixture.test.ts
rename to src/modules/pull-system/feature/feature.fixture.test.ts
diff --git a/src/modules/feature/feature.fixture.ts b/src/modules/pull-system/feature/feature.fixture.ts
similarity index 79%
rename from src/modules/feature/feature.fixture.ts
rename to src/modules/pull-system/feature/feature.fixture.ts
index fa07fbf..783a1d5 100644
--- a/src/modules/feature/feature.fixture.ts
+++ b/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) => ({
diff --git a/src/modules/feature/feature.ts b/src/modules/pull-system/feature/feature.ts
similarity index 100%
rename from src/modules/feature/feature.ts
rename to src/modules/pull-system/feature/feature.ts
diff --git a/src/modules/lean/strategy.ts b/src/modules/pull-system/lean/strategy.ts
similarity index 100%
rename from src/modules/lean/strategy.ts
rename to src/modules/pull-system/lean/strategy.ts
diff --git a/src/modules/simulation/SimulationChart.vue b/src/modules/pull-system/simulation/SimulationChart.vue
similarity index 95%
rename from src/modules/simulation/SimulationChart.vue
rename to src/modules/pull-system/simulation/SimulationChart.vue
index b2756c9..84f47fa 100644
--- a/src/modules/simulation/SimulationChart.vue
+++ b/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'
diff --git a/src/modules/simulation/SimulationControls.vue b/src/modules/pull-system/simulation/SimulationControls.vue
similarity index 94%
rename from src/modules/simulation/SimulationControls.vue
rename to src/modules/pull-system/simulation/SimulationControls.vue
index 4546fbf..5e7739a 100644
--- a/src/modules/simulation/SimulationControls.vue
+++ b/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'
diff --git a/src/modules/simulation/SimulationDashboard.vue b/src/modules/pull-system/simulation/SimulationDashboard.vue
similarity index 96%
rename from src/modules/simulation/SimulationDashboard.vue
rename to src/modules/pull-system/simulation/SimulationDashboard.vue
index 0ecefb3..88460e5 100644
--- a/src/modules/simulation/SimulationDashboard.vue
+++ b/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()
 
diff --git a/src/modules/simulation/simulation-store.ts b/src/modules/pull-system/simulation/simulation-store.ts
similarity index 98%
rename from src/modules/simulation/simulation-store.ts
rename to src/modules/pull-system/simulation/simulation-store.ts
index 910169d..eb672a8 100644
--- a/src/modules/simulation/simulation-store.ts
+++ b/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'
diff --git a/src/store-type.ts b/src/store-type.ts
index 70339c0..86aec69 100644
--- a/src/store-type.ts
+++ b/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 = {
diff --git a/vite.config.ts b/vite.config.ts
index 6e83dee..84e04c2 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -9,7 +9,8 @@ export default defineConfig({
     rollupOptions: {
       input: {
         index: 'index.html',
-        'pull-system': 'pull-system.html'
+        'pull-system': 'pull-system.html',
+        '5s': '5s.html'
       }
     }
   },
@@ -20,6 +21,6 @@ export default defineConfig({
     }
   },
   worker: {
-    plugins: [comlink()]
+    plugins: () => [comlink()]
   }
 })