frequi_origin/src/App.vue

<template>
  <div id="app" class="d-flex flex-column vh-100">
    <NavBar />
    <Body class="flex-fill overflow-auto" />
    <NavFooter />
  </div>
</template>

<script lang="ts">
import NavBar from '@/components/layout/NavBar.vue';
import NavFooter from '@/components/layout/NavFooter.vue';
import Body from '@/components/layout/Body.vue';
import { setTimezone } from './shared/formatters';
import { defineComponent, onMounted, watch } from 'vue';
import { useSettingsStore } from './stores/settings';
export default defineComponent({
  name: 'App',
  components: { NavBar, Body, NavFooter },
  setup() {
    const settingsStore = useSettingsStore();
    onMounted(() => {
      setTimezone(settingsStore.timezone);
    });
    watch(
      () => settingsStore.timezone,
      (tz) => {
        console.log('timezone changed', tz);
        setTimezone(tz);
      },
    );
    return {};
  },
});
</script>

<style scoped>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}

/* * {
  outline: 1px solid #f00 !important;
} */
</style>
init 2020-05-04 04:31:12 +00:00			`<template>`
Move scrollbar to exclude header 2021-03-10 15:10:20 +00:00			`<div id="app" class="d-flex flex-column vh-100">`
Remove pointless component 2021-12-19 15:57:22 +00:00			`<NavBar />`
Move scrollbar to exclude header 2021-03-10 15:10:20 +00:00			`<Body class="flex-fill overflow-auto" />`
First try bottom-nav 2021-12-19 19:14:35 +00:00			`<NavFooter />`
Simplify component layout 2020-09-12 14:29:41 +00:00			`</div>`
init 2020-05-04 04:31:12 +00:00			`</template>`
Reorganized folder structure, by moving route Trade into views folder and created a components folder to hold the Trade views components. Also, created a component for the Header and placed layout structure into a folder. 2020-05-17 18:22:03 +00:00
Small modifications to styles 2020-09-08 09:53:34 +00:00			`<script lang="ts">`
Remove pointless component 2021-12-19 15:57:22 +00:00			`import NavBar from '@/components/layout/NavBar.vue';`
First try bottom-nav 2021-12-19 19:14:35 +00:00			`import NavFooter from '@/components/layout/NavFooter.vue';`
Autoformat a few files 2020-05-18 18:10:34 +00:00			`import Body from '@/components/layout/Body.vue';`
Move timezone configuration to App component 2021-07-01 18:19:51 +00:00			`import { setTimezone } from './shared/formatters';`
Update components to import from vue 2022-07-07 18:44:19 +00:00			`import { defineComponent, onMounted, watch } from 'vue';`
Update components to use pinia store 2022-04-13 19:28:04 +00:00			`import { useSettingsStore } from './stores/settings';`
			`export default defineComponent({`
			`name: 'App',`
First try bottom-nav 2021-12-19 19:14:35 +00:00			`components: { NavBar, Body, NavFooter },`
Update components to use pinia store 2022-04-13 19:28:04 +00:00			`setup() {`
			`const settingsStore = useSettingsStore();`
			`onMounted(() => {`
			`setTimezone(settingsStore.timezone);`
			`});`
Update/Improve timezone handling 2022-06-05 12:27:51 +00:00			`watch(`
			`() => settingsStore.timezone,`
			`(tz) => {`
			`console.log('timezone changed', tz);`
			`setTimezone(tz);`
			`},`
			`);`
Update components to use pinia store 2022-04-13 19:28:04 +00:00			`return {};`
			`},`
			`});`
Implement proper login 2020-05-06 19:24:12 +00:00			`</script>`
VIsual changes, new methods stopbuy and reload_conf 2020-05-06 17:38:52 +00:00
Simplify component layout 2020-09-12 14:29:41 +00:00			`<style scoped>`
			`#app {`
			`font-family: Avenir, Helvetica, Arial, sans-serif;`
			`-webkit-font-smoothing: antialiased;`
			`-moz-osx-font-smoothing: grayscale;`
			`text-align: center;`
			`}`
Improve whitespaces 2021-06-25 18:00:40 +00:00
			`/* * {`
			`outline: 1px solid #f00 !important;`
			`} */`
Simplify component layout 2020-09-12 14:29:41 +00:00			`</style>`