You've already forked AstralRinth
forked from didirus/AstralRinth
* Search updates * fixes2 * Some more work * start instance page wiring * Pack installation + Profile viewing * Remove print statement * Fix disappearing profiles * fix compile err * Finish Instance Running * remove print statement * fix prettier * Fix clippy + early return
27 lines
739 B
Vue
27 lines
739 B
Vue
<script setup>
|
|
import RowDisplay from '@/components/RowDisplay.vue'
|
|
import { shallowRef } from 'vue'
|
|
import { list } from '@/helpers/profile.js'
|
|
|
|
const profiles = await list()
|
|
const recentInstances = shallowRef(Object.values(profiles))
|
|
</script>
|
|
|
|
<template>
|
|
<div class="page-container">
|
|
<RowDisplay label="Jump back in" :instances="recentInstances" :can-paginate="false" />
|
|
<RowDisplay label="Popular packs" :instances="recentInstances" :can-paginate="true" />
|
|
<RowDisplay label="Test" :instances="recentInstances" :can-paginate="true" />
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
.page-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
}
|
|
</style>
|