You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.3 KiB
48 lines
1.3 KiB
<template>
|
|
<div
|
|
class="py-8 px-8 max-w-sm mx-auto bg-white rounded-xl shadow-md space-y-2 sm:py-4 sm:flex sm:items-center sm:space-y-0 sm:space-x-6"
|
|
>
|
|
<img alt="Vue logo" src="./assets/logo.png" width="150" />
|
|
<div class="text-center space-y-2 sm:text-left">
|
|
<div class="space-y-0.5">
|
|
<p class="text-lg text-black font-semibold">{{ title }}</p>
|
|
<p class="text-gray-500 font-medium">{{ subtitle }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="m-1 py-8 px-8 max-w-sm mx-auto bg-white rounded-xl shadow-md space-y-2 sm:py-4 sm:flex sm:items-center sm:space-y-0 sm:space-x-6"
|
|
>
|
|
<HelloWorld msg="Votre panier" :n="a" />
|
|
</div>
|
|
<footer style="margin-top: 2em">
|
|
{{ license }} :
|
|
<a :href="repository" alt="repository">
|
|
<span class="bg-gray-200 hover:(bg-gray-100 text-red-300)">
|
|
{{ version }}
|
|
</span>
|
|
</a>
|
|
</footer>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from 'vue'
|
|
import HelloWorld from './components/HelloWorld.vue'
|
|
|
|
export default defineComponent({
|
|
components: {
|
|
HelloWorld
|
|
},
|
|
setup() {
|
|
return {
|
|
/* eslint-disable no-undef */
|
|
title: APP_TITLE,
|
|
version: APP_VERSION,
|
|
repository: APP_REPOSITORY,
|
|
license: APP_LICENSE,
|
|
subtitle: 'La Boutik Ǧ1',
|
|
a: 5
|
|
}
|
|
}
|
|
})
|
|
</script>
|