src/components/pages/Checkout.vue - dev - vdele/app

<script setup lang="ts">
import HelloWorld from '@/components/HelloWorld.vue';
import Accordion from '@/components/Accordion.vue';
import SalesSlip from '@/components/SalesSlip.vue';
import { useProductsStore } from '@/stores/products';

const productsStore = useProductsStore();
</script>
<template>
    <div>
        <DevOnly>
            <div><code>Checkout Page</code></div>
        </DevOnly>
        <div class="row align-items-start">
            <div class="col">
                <DevOnly>
                    <div><code>[debug | i'm left side:]</code></div>
                </DevOnly>
                <SalesSlip></SalesSlip>
            </div>
            <div class="col">
                <DevOnly>
                    <div><code>[debug | i'm right side:]</code></div>
                </DevOnly>
                <Accordion :modelValue="productsStore.data ?? []" />
                <DevOnly>
                    <HelloWorld msg="Test" />
                </DevOnly>
            </div>
        </div>
    </div>

</template>