-
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
jan-jaap
committed
Jun 6, 2024
1 parent
c08bc3e
commit 17fbf84
Showing
20 changed files
with
191 additions
and
251 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,89 +1,53 @@ | ||
| /** | ||
| * First we will load all of this project's JavaScript dependencies which | ||
| * includes Vue and other libraries. It is a great starting point when | ||
| * building robust, powerful web applications using Vue and Laravel. | ||
| */ | ||
| import "./bootstrap"; | ||
| import { createApp } from "vue"; | ||
| import App from "./components/App.vue"; | ||
| import router from "./router.js"; | ||
| import i18n from "./i18n.js"; | ||
|
|
||
| import './bootstrap'; | ||
| import {createApp} from 'vue'; | ||
| import App from './components/App.vue'; | ||
| import router from './router.js'; | ||
| import i18n from './i18n.js'; | ||
|
|
||
| import 'vuetify/styles' | ||
| import {createVuetify} from 'vuetify' | ||
| import * as components from 'vuetify/components' | ||
| import * as directives from 'vuetify/directives' | ||
| import '@mdi/font/css/materialdesignicons.css' | ||
| import {aliases, mdi} from 'vuetify/iconsets/mdi' | ||
| import AutoLoadTable from './components/ui/AutoLoadTable.vue'; | ||
| import IndexPage from "./components/layout/IndexPage.vue"; | ||
| import SinglePage from "./components/layout/home/SingleHomePage.vue"; | ||
| import {createPinia} from "pinia"; | ||
| import "vuetify/styles"; | ||
| import { createVuetify } from "vuetify"; | ||
| import * as components from "vuetify/components"; | ||
| import * as directives from "vuetify/directives"; | ||
| import "@mdi/font/css/materialdesignicons.css"; | ||
| import { aliases, mdi } from "vuetify/iconsets/mdi"; | ||
| import { createPinia } from "pinia"; | ||
|
|
||
| const myCustomLightTheme = { | ||
| dark: false, | ||
| colors: { | ||
| background: '#FFFFFF', | ||
| surface: '#FFFFFF', | ||
| primary: '#6A9CD1', | ||
| 'primary-lighten': '#C3D7EC', | ||
| secondary: '#03DAC6', | ||
| error: '#B00020', | ||
| info: '#2196F3', | ||
| success: '#4CAF50', | ||
| warning: '#FB8C00', | ||
| }, | ||
| } | ||
| dark: false, | ||
| colors: { | ||
| background: "#FFFFFF", | ||
| surface: "#FFFFFF", | ||
| primary: "#6A9CD1", | ||
| "primary-lighten": "#C3D7EC", | ||
| secondary: "#03DAC6", | ||
| error: "#B00020", | ||
| info: "#2196F3", | ||
| success: "#4CAF50", | ||
| warning: "#FB8C00", | ||
| }, | ||
| }; | ||
|
|
||
| const vuetify = createVuetify({ | ||
| icons: { | ||
| defaultSet: 'mdi', | ||
| aliases, | ||
| sets: { | ||
| mdi, | ||
| }, | ||
| }, | ||
| theme: { | ||
| defaultTheme: 'myCustomLightTheme', | ||
| themes: { | ||
| myCustomLightTheme, | ||
| } | ||
| icons: { | ||
| defaultSet: "mdi", | ||
| aliases, | ||
| sets: { | ||
| mdi, | ||
| }, | ||
| components: { | ||
| ...components, | ||
| }, | ||
| theme: { | ||
| defaultTheme: "myCustomLightTheme", | ||
| themes: { | ||
| myCustomLightTheme, | ||
| }, | ||
| directives, | ||
| }) | ||
| /** | ||
| * Next, we will create a fresh Vue application instance. You may then begin | ||
| * registering components with the application instance so they are ready | ||
| * to use in your application's views. An example is included for you. | ||
| */ | ||
| const pinia = createPinia() | ||
| const app = createApp(App); | ||
|
|
||
| /** | ||
| * The following block of code may be used to automatically register your | ||
| * Vue components. It will recursively scan this directory for the Vue | ||
| * components and automatically register them with their "basename". | ||
| * | ||
| * Eg. ./components/ExampleComponent.vue -> <example-component></example-component> | ||
| */ | ||
| }, | ||
| components: { | ||
| ...components, | ||
| }, | ||
| directives, | ||
| }); | ||
|
|
||
| // Object.entries(import.meta.glob('./**/*.vue', { eager: true })).forEach(([path, definition]) => { | ||
| // app.component(path.split('/').pop().replace(/\.\w+$/, ''), definition.default); | ||
| // }); | ||
| const pinia = createPinia(); | ||
| const app = createApp(App); | ||
|
|
||
| /** | ||
| * Finally, we will attach the application instance to a HTML element with | ||
| * an "id" attribute of "app". This element is included with the "auth" | ||
| * scaffolding. Otherwise, you will need to add an element yourself. | ||
| */ | ||
| app.component('index-page', IndexPage) | ||
| .component('single-page', SinglePage) | ||
| .use(vuetify) | ||
| .use(router) | ||
| .use(i18n) | ||
| .use(pinia) | ||
| .mount('#app'); | ||
| app.use(vuetify).use(router).use(i18n).use(pinia).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
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
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,24 +1,29 @@ | ||
| <template> | ||
| <nav-bar/> | ||
| <nav-bar /> | ||
| <v-main class="d-flex flex-column flex-grow-1"> | ||
| <div class="flex-grow-1"> | ||
| <router-view v-slot="{ Component }"> | ||
| <transition name="fade" mode="out-in"> | ||
| <component :is="Component"/> | ||
| <component :is="Component" :key="route.name" /> | ||
| </transition> | ||
| </router-view> | ||
| </div> | ||
| </v-main> | ||
| <public-footer/> | ||
| <default-snackbar/> | ||
| <public-footer /> | ||
| <default-snackbar /> | ||
| </template> | ||
| <script> | ||
| import NavBar from "../components/nav/NavBar.vue"; | ||
| import PublicFooter from "../components/nav/PublicFooter.vue"; | ||
| import DefaultSnackbar from "../components/ui/DefaultSnackbar.vue"; | ||
| export default { | ||
| name: 'Portal', | ||
| components: {DefaultSnackbar, PublicFooter, NavBar}, | ||
| } | ||
| name: "Portal", | ||
| components: { DefaultSnackbar, PublicFooter, NavBar }, | ||
| computed: { | ||
| route() { | ||
| return this.$route; | ||
| }, | ||
| }, | ||
| }; | ||
| </script> |
This file was deleted.
Oops, something went wrong.
Oops, something went wrong.