jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Moved nav-scenario import to base-mixin

Browse source
This commit is contained in:
Jason Wheeler 2022-09-26 09:33:53 -04:00
parent bf72d0f0cc
commit 159f730d6a
3 changed files with 5 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/layouts/vehicle-year/vehicle-year.vue
View file

@ -1,21 +1,15 @@
<template> <template>
<div> <div>
<navButton type="button" text="back" :scenario="navigationScenarios.CLICKED_BACK"></navButton> <navButton type="button" text="back" :scenario="this.navigationScenarios.CLICKED_BACK"></navButton>
<p class="fade-on-route-transition">Vehicle Year Placeholder</p> <p class="fade-on-route-transition">Vehicle Year Placeholder</p>
</div> </div>
</template> </template>
<script> <script>
import navButton from '@/common-components/nav-button/nav-button.vue'; import navButton from '@/common-components/nav-button/nav-button.vue';
import { navigationScenarios } from "@/router/router-constants/navigation-scenarios";
export default { export default {
name: 'vehicle-year', name: 'vehicle-year',
components: { navButton }, components: { navButton },
data() {
return {
navigationScenarios,
}
}
} }
</script> </script>

10
src/layouts/welcome-page/welcome-page.vue
View file

@ -2,23 +2,17 @@
<div> <div>
<p class="fade-on-route-transition">Welcome Page Placeholder</p> <p class="fade-on-route-transition">Welcome Page Placeholder</p>
<br /> <br />
<navButton type="button" text="Next" :scenario="navigationScenarios.CLICKED_FORWARD"></navButton> <navButton type="button" text="Next" :scenario="this.navigationScenarios.CLICKED_FORWARD"></navButton>
<navButton text="Google" :scenario="navigationScenarios.CLICKED_TEST"></navButton> <navButton text="Google" :scenario="this.navigationScenarios.CLICKED_TEST"></navButton>
</div> </div>
</template> </template>
<script> <script>
import navButton from "@/common-components/nav-button/nav-button.vue"; import navButton from "@/common-components/nav-button/nav-button.vue";
import { navigationScenarios } from "@/router/router-constants/navigation-scenarios";
export default { export default {
name: "welcome-page", name: "welcome-page",
components: { navButton }, components: { navButton },
data() {
return {
navigationScenarios,
}
}
} }
</script> </script>

2
src/main.js
View file

@ -5,12 +5,14 @@ import router from './router';
import "../node_modules/bootstrap/dist/js/bootstrap.js"; import "../node_modules/bootstrap/dist/js/bootstrap.js";
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'; import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
import { useMainStore } from './store'; import { useMainStore } from './store';
import baseMixin from "@/mixins/base-mixin.js";
const vueApp = createApp(App); const vueApp = createApp(App);
const pinia = createPinia(); const pinia = createPinia();
pinia.use(piniaPluginPersistedstate); pinia.use(piniaPluginPersistedstate);
vueApp.use(pinia); vueApp.use(pinia);
vueApp.config.globalProperties.$store = useMainStore(); vueApp.config.globalProperties.$store = useMainStore();
vueApp.mixin(baseMixin);
vueApp.use(router); vueApp.use(router);
vueApp.mount("#app"); vueApp.mount("#app");