Skip to content

Commit d48b537

Browse files
committed
Update demo
1 parent 08c86a0 commit d48b537

File tree

1 file changed

+10
-2
lines changed

1 file changed

+10
-2
lines changed

demo/App.vue

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,17 @@
33
<video src="#" style="background-color: aqua"> TEST </video>
44

55
<FileInput :state="state">
6-
<FileInputSelectedInfo :state="state"/>
6+
<!-- <FileInputSelectedInfo :state="state"/>-->
77
</FileInput>
8+
9+
<div class="files">
10+
<div>Files:</div>
11+
<div v-for="e of state.fileEntries.value">{{e.name}} — {{formatSizeWinLike(e.size)}}</div>
12+
</div>
813
</template>
914

1015
<script setup>
16+
import {formatSizeWinLike} from "@alttiri/util-js";
1117
import {getStateInstance, FileInput, FileInputSelectedInfo} from "../src/index.ts";
1218
// or
1319
// import {getStateInstance, FileInput, FileInputSelectedInfo} from "@alttiri/vue-file-input";
@@ -18,5 +24,7 @@ globalThis.state = state;
1824
</script>
1925

2026
<style>
21-
27+
.files {
28+
padding: 6px 0;
29+
}
2230
</style>

0 commit comments

Comments
 (0)