Dress/L/LY/Dress.vue

42 lines
1.4 KiB
Vue
Raw Normal View History

<!-- vite ^4.2.0, vuetify ^3.0.0, see https://github.com/Young-Lord/online-clipboard/blob/v0.0.4/frontend/package.json -->
<template>
<v-app>
<v-main>
<v-container fluid class="fill-height justify-center">
<v-col cols="12" md="8">
<v-card elevation="16" variant="tonal">
<v-card-title>
<span class="headline">Welcome to Dress!</span>
</v-card-title>
<v-card-text>
<v-form @submit.native.prevent>
<v-text-field v-model="name" label="Who?" required
@keydown.enter="goToDress"></v-text-field>
<v-btn color="primary" @click="goToDress" :disabled="!name" block>
Go!
</v-btn>
</v-form>
</v-card-text>
</v-card>
</v-col>
</v-container>
</v-main>
</v-app>
</template>
<script>
export default {
data() {
return {
name: "LY",
}
},
created() { },
methods: {
goToDress() {
window.location.href = `https://github.com/Cute-Dress/Dress/tree/master/${this.name}`
}
},
}
</script>