♻️ (steps) extract and create js object to loop steps

This commit is contained in:
Julien Calixte
2023-07-21 00:57:41 +02:00
parent 54ae87c02a
commit 136ee85cd4
4 changed files with 115 additions and 80 deletions

View File

@@ -1,86 +1,10 @@
<script setup lang="ts"></script>
<script setup lang="ts">
import FeatureSteps from '@/FeatureSteps.vue'
</script>
<template>
<main id="main-app">
<ul>
<li>
<header>Pitch</header>
<section class="doing">
<h5>📝</h5>
<ul>
<li>Feature 3</li>
<li>Feature 4</li>
</ul>
</section>
<section class="done">
<h5></h5>
<ul>
<li class="blue-bin">feature 1</li>
<li class="blue-bin">feature 2</li>
</ul>
</section>
</li>
<li>
<header>Design</header>
<section class="doing">
<h5>📝</h5>
</section>
<section class="done">
<h5></h5>
</section>
</li>
<li>
<header>Investigation</header>
<section class="doing">
<h5>📝</h5>
</section>
<section class="done">
<h5></h5>
</section>
</li>
<li>
<header>Product design</header>
<section class="doing">
<h5>📝</h5>
<ul>
<li></li>
<li></li>
</ul>
</section>
<section class="done">
<h5></h5>
<div class="blue-bin">Blue bucket</div>
<div class="blue-bin">Blue bucket</div>
</section>
</li>
<li>
<header>Development</header>
<section class="doing">
<h5>📝</h5>
</section>
<section class="done">
<h5></h5>
</section>
</li>
<li>
<header>UAT</header>
<section class="doing">
<h5>📝</h5>
</section>
<section class="done">
<h5></h5>
</section>
</li>
<li>
<header>Release</header>
<section class="doing">
<h5>📝</h5>
</section>
<section class="done">
<h5></h5>
</section>
</li>
</ul>
<FeatureSteps />
</main>
</template>