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.
51 lines
1.3 KiB
51 lines
1.3 KiB
<template>
|
|
<div
|
|
class="space-y-2 bg-white rounded-xl mx-auto max-w-sm py-8 px-8 shadow-md sm:space-y-0 sm:space-x-6 sm:flex sm:py-4 sm:items-center"
|
|
>
|
|
<img alt="Vue logo" src="./assets/logo.png" width="150" />
|
|
<div class="space-y-2 text-center sm:text-left">
|
|
<div class="space-y-0.5">
|
|
<p class="font-semibold text-lg text-black">
|
|
{{ title }}
|
|
</p>
|
|
<p class="font-medium text-gray-500">
|
|
{{ subtitle }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="space-y-2 bg-white rounded-xl m-1 mx-auto max-w-sm py-8 px-8 shadow-md sm:space-y-0 sm:space-x-6 sm:flex sm:py-4 sm:items-center"
|
|
>
|
|
<Basket msg="basket" />
|
|
</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 Basket from './components/Basket.vue'
|
|
declare const APP_TITLE, APP_VERSION, APP_REPOSITORY, APP_LICENSE
|
|
|
|
export default defineComponent({
|
|
components: {
|
|
Basket
|
|
},
|
|
setup() {
|
|
return {
|
|
title: APP_TITLE,
|
|
version: APP_VERSION,
|
|
repository: APP_REPOSITORY,
|
|
license: APP_LICENSE,
|
|
subtitle: 'proof of concept'
|
|
}
|
|
}
|
|
})
|
|
</script>
|