54 lines
805 B
Vue
54 lines
805 B
Vue
<template>
|
|
<div class="full-width">
|
|
<h1>Welcome to my shop</h1>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
async asyncData ({ $shopify }) {
|
|
const products = await $shopify.product.fetchAll()
|
|
return { products }
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.full-width {
|
|
width: 100%;
|
|
}
|
|
.el-row {
|
|
margin-bottom: 20px;
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
.el-col {
|
|
border-radius: 4px;
|
|
}
|
|
.bg-purple-dark {
|
|
background: #99a9bf;
|
|
}
|
|
.bg-purple {
|
|
background: #d3dce6;
|
|
}
|
|
.bg-purple-light {
|
|
background: #e5e9f2;
|
|
}
|
|
.grid-content {
|
|
border-radius: 4px;
|
|
min-height: 36px;
|
|
}
|
|
.row-bg {
|
|
padding: 10px 0;
|
|
background-color: #f9fafc;
|
|
}
|
|
.image {
|
|
width: 100%;
|
|
height: 15rem;
|
|
}
|
|
.description {
|
|
margin-bottom: 1rem;
|
|
}
|
|
</style>
|