mirror of
https://github.com/LizardByte/Sunshine.git
synced 2025-08-10 00:52:16 +00:00
45 lines
1000 B
HTML
45 lines
1000 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<%- header %>
|
|
</head>
|
|
|
|
<body id="app">
|
|
<main role="main" style="max-width: 1200px; margin: 1em auto">
|
|
<div class="d-flex justify-content-center gap-4">
|
|
<div class="p-4 card">
|
|
<header>
|
|
<h1 class="mb-2">
|
|
<img src="/images/logo-sunshine-45.png" height="45" alt="" style="vertical-align: bottom;">
|
|
Hello, Sunshine!
|
|
</h1>
|
|
</header>
|
|
<Login-Form @loggedin="onLogin"></Login-Form>
|
|
</div>
|
|
<div>
|
|
<Resource-Card />
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
|
|
<script type="module">
|
|
import { createApp } from "vue"
|
|
import ResourceCard from './ResourceCard.vue'
|
|
import LoginForm from './LoginForm.vue'
|
|
let app = createApp({
|
|
components: {
|
|
'ResourceCard': ResourceCard,
|
|
'LoginForm': LoginForm
|
|
},
|
|
methods: {
|
|
onLogin() {
|
|
document.location.href = '/';
|
|
}
|
|
}
|
|
});
|
|
console.log("App", app);
|
|
app.mount("#app");
|
|
</script>
|