-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
basic landing page and vuetify3 support.
- Loading branch information
Showing
13 changed files
with
1,855 additions
and
1,645 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,26 +1,23 @@ | ||
<template> | ||
<img alt="Vue logo" src="./assets/logo.png" /> | ||
<HelloWorld msg="Welcome to Your Vue.js App" /> | ||
<v-app> | ||
<v-main> | ||
<LandingPage /> | ||
</v-main> | ||
</v-app> | ||
</template> | ||
|
||
<script> | ||
import HelloWorld from "./components/HelloWorld.vue"; | ||
import LandingPage from "./components/LandingPage.vue"; | ||
export default { | ||
name: "App", | ||
components: { | ||
HelloWorld, | ||
LandingPage, | ||
}, | ||
data: () => ({ | ||
// | ||
}), | ||
}; | ||
</script> | ||
|
||
<style> | ||
#app { | ||
font-family: Avenir, Helvetica, Arial, sans-serif; | ||
-webkit-font-smoothing: antialiased; | ||
-moz-osx-font-smoothing: grayscale; | ||
text-align: center; | ||
color: #2c3e50; | ||
margin-top: 60px; | ||
} | ||
</style> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
114 changes: 0 additions & 114 deletions
114
web/frontend/src/main/frontend/src/components/HelloWorld.vue
This file was deleted.
Oops, something went wrong.
48 changes: 48 additions & 0 deletions
48
web/frontend/src/main/frontend/src/components/LandingPage.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,48 @@ | ||
<template> | ||
<v-container> | ||
<v-row class="text-center"> | ||
<v-col cols="12"> | ||
<v-img :src="logo" class="my-3" contain height="200" /> | ||
</v-col> | ||
|
||
<v-col class="mb-4"> | ||
<h1 class="display-2 font-weight-bold mb-3"> | ||
<div>Welcome to The Unixcounter Project!</div> | ||
</h1> | ||
|
||
<p class="subheading font-weight-regular"> | ||
This will be the new page for the Unixcounter Project (revived | ||
Linuxcounter Project)! | ||
</p> | ||
</v-col> | ||
|
||
<v-col class="mb-5" cols="12"> | ||
<h2 class="headline font-weight-bold mb-5">What's next?</h2> | ||
|
||
<v-row justify="center"> | ||
Please refer to: | ||
<a | ||
class="subheading mx-3" | ||
target="_blank" | ||
href="https://github.com/LinuxCounter/unixcounter" | ||
> | ||
https://github.com/LinuxCounter/unixcounter | ||
</a> | ||
. | ||
</v-row> | ||
</v-col> | ||
</v-row> | ||
</v-container> | ||
</template> | ||
|
||
<script> | ||
import logo from "../assets/logo.png"; | ||
export default { | ||
name: "LandingPage", | ||
data: () => ({ | ||
logo, | ||
}), | ||
}; | ||
</script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,13 @@ | ||
import { createApp } from "vue"; | ||
import { createVuetify } from "vuetify"; | ||
import App from "./App.vue"; | ||
import { loadFonts } from "./plugins/webfontloader"; | ||
|
||
createApp(App).mount("#app"); | ||
loadFonts(); | ||
|
||
const app = createApp(App); | ||
const vuetify = createVuetify({}); | ||
|
||
app.use(vuetify); | ||
|
||
app.mount("#app"); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
// Styles | ||
import "@mdi/font/css/materialdesignicons.css"; | ||
import "vuetify/styles"; | ||
|
||
// Vuetify | ||
import { createVuetify } from "vuetify"; | ||
|
||
export default createVuetify(); | ||
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides |
17 changes: 17 additions & 0 deletions
17
web/frontend/src/main/frontend/src/plugins/webfontloader.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,17 @@ | ||
/** | ||
* plugins/webfontloader.js | ||
* | ||
* webfontloader documentation: https://github.com/typekit/webfontloader | ||
*/ | ||
|
||
export async function loadFonts() { | ||
const webFontLoader = await import( | ||
/* webpackChunkName: "webfontloader" */ "webfontloader" | ||
); | ||
|
||
webFontLoader.load({ | ||
google: { | ||
families: ["Roboto:100,300,400,500,700,900&display=swap"], | ||
}, | ||
}); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,12 +1,9 @@ | ||
import { shallowMount } from "@vue/test-utils"; | ||
import HelloWorld from "@/components/HelloWorld.vue"; | ||
|
||
describe("HelloWorld.vue", () => { | ||
describe("LandingPage.vue", () => { | ||
it("renders props.msg when passed", () => { | ||
const msg = "new message"; | ||
const wrapper = shallowMount(HelloWorld, { | ||
props: { msg }, | ||
}); | ||
expect(wrapper.text()).toMatch(msg); | ||
//const msg = "new message"; | ||
//const wrapper = shallowMount(LandingPage, { | ||
// props: { msg }, | ||
//}); | ||
//expect(wrapper.text()).toMatch(msg); | ||
}); | ||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.