✨ (vite) feature flow as a VueJS app
This commit is contained in:
90
src/App.vue
Normal file
90
src/App.vue
Normal file
@@ -0,0 +1,90 @@
|
||||
<script setup lang="ts"></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>
|
||||
</main>
|
||||
</template>
|
||||
|
||||
<!-- <style scoped lang="scss">
|
||||
#main-app {
|
||||
}
|
||||
</style> -->
|
||||
4
src/main.ts
Normal file
4
src/main.ts
Normal file
@@ -0,0 +1,4 @@
|
||||
import { createApp } from 'vue'
|
||||
import App from './App.vue'
|
||||
|
||||
createApp(App).mount('#app')
|
||||
5
src/shims-vue.d.ts
vendored
Normal file
5
src/shims-vue.d.ts
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
declare module '*.vue' {
|
||||
import { defineComponent } from 'vue'
|
||||
const component: ReturnType<typeof defineComponent>
|
||||
export default component
|
||||
}
|
||||
Reference in New Issue
Block a user