mirror of
https://github.com/Kugelschieber/breach.git
synced 2026-01-18 12:00:25 +00:00
Added basic components for UI.
This commit is contained in:
21
src/components/Matrix.vue
Normal file
21
src/components/Matrix.vue
Normal file
@@ -0,0 +1,21 @@
|
||||
<template>
|
||||
<div class="matrix">
|
||||
<h2>Code-Matrix</h2>
|
||||
<div class="matrix-row" v-for="i in size" :key="i">
|
||||
<div class="matrix-column" v-for="j in size" :key="j">
|
||||
{{matrix[(i-1)*5+(j-1)]}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import {defineComponent} from "vue";
|
||||
|
||||
export default defineComponent({
|
||||
props: {
|
||||
size: {type: Number, required: true},
|
||||
matrix: {type: Array, required: true}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user