multi-word components

This commit is contained in:
Matthias 2023-04-13 06:44:12 +02:00
parent 5bc75e4ac1
commit 0677843bd5
8 changed files with 8 additions and 14 deletions

View File

@ -1,7 +1,7 @@
<template> <template>
<div id="app" class="d-flex flex-column vh-100"> <div id="app" class="d-flex flex-column vh-100">
<NavBar /> <NavBar />
<Body class="flex-fill overflow-auto" /> <BodyLayout class="flex-fill overflow-auto" />
<NavFooter /> <NavFooter />
</div> </div>
</template> </template>
@ -9,13 +9,13 @@
<script lang="ts"> <script lang="ts">
import NavBar from '@/components/layout/NavBar.vue'; import NavBar from '@/components/layout/NavBar.vue';
import NavFooter from '@/components/layout/NavFooter.vue'; import NavFooter from '@/components/layout/NavFooter.vue';
import Body from '@/components/layout/Body.vue'; import BodyLayout from '@/components/layout/BodyLayout.vue';
import { setTimezone } from './shared/formatters'; import { setTimezone } from './shared/formatters';
import { defineComponent, onMounted, watch } from 'vue'; import { defineComponent, onMounted, watch } from 'vue';
import { useSettingsStore } from './stores/settings'; import { useSettingsStore } from './stores/settings';
export default defineComponent({ export default defineComponent({
name: 'App', name: 'App',
components: { NavBar, Body, NavFooter }, components: { NavBar, BodyLayout, NavFooter },
setup() { setup() {
const settingsStore = useSettingsStore(); const settingsStore = useSettingsStore();
onMounted(() => { onMounted(() => {

View File

@ -5,14 +5,8 @@
</main> </main>
</template> </template>
<script lang="ts"> <script setup lang="ts">
import { defineComponent } from 'vue';
import BotAlerts from '@/components/ftbot/BotAlerts.vue'; import BotAlerts from '@/components/ftbot/BotAlerts.vue';
export default defineComponent({
name: 'Body',
components: { BotAlerts },
});
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.container-main { .container-main {

View File

@ -38,7 +38,7 @@ const routes: Array<RouteRecordRaw> = [
{ {
path: '/balance', path: '/balance',
name: 'Freqtrade Balance', name: 'Freqtrade Balance',
component: () => import('@/components/ftbot/Balance.vue'), component: () => import('@/components/ftbot/BotBalance.vue'),
}, },
{ {
path: '/open_trades', path: '/open_trades',

View File

@ -20,7 +20,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import Login from '@/components/Login.vue'; import Login from '@/components/BotLogin.vue.js';
import { AuthStorageWithBotId } from '@/types'; import { AuthStorageWithBotId } from '@/types';
import { nextTick, ref } from 'vue'; import { nextTick, ref } from 'vue';
import LoginIcon from 'vue-material-design-icons/Login.vue'; import LoginIcon from 'vue-material-design-icons/Login.vue';

View File

@ -9,7 +9,7 @@
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import Login from '@/components/Login.vue'; import Login from '@/components/BotLogin.vue.js';
export default defineComponent({ export default defineComponent({
name: 'LoginView', name: 'LoginView',

View File

@ -148,7 +148,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { GridItemData } from '@/types'; import { GridItemData } from '@/types';
import Balance from '@/components/ftbot/Balance.vue'; import Balance from '@/components/ftbot/BotBalance.vue.js';
import BotControls from '@/components/ftbot/BotControls.vue'; import BotControls from '@/components/ftbot/BotControls.vue';
import BotStatus from '@/components/ftbot/BotStatus.vue'; import BotStatus from '@/components/ftbot/BotStatus.vue';
import CandleChartContainer from '@/components/charts/CandleChartContainer.vue'; import CandleChartContainer from '@/components/charts/CandleChartContainer.vue';