252 lines
9.6 KiB
Vue
252 lines
9.6 KiB
Vue
<script setup lang="ts">
|
|
let x = ref(10);
|
|
</script>
|
|
|
|
<template>
|
|
<div class="text-center">
|
|
<h1 class="text-3xl">Index page</h1>
|
|
<h4>Count = {{ x }}</h4>
|
|
<input type="button" @click="x += 1" value="increase count" />
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatum a
|
|
sint qui sit, totam minima modi placeat quaerat dolore quo.
|
|
</p>
|
|
</div>
|
|
</template>
|