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>
<div id="app" class="d-flex flex-column vh-100">
<NavBar />
<Body class="flex-fill overflow-auto" />
<BodyLayout class="flex-fill overflow-auto" />
<NavFooter />
</div>
</template>
@ -9,13 +9,13 @@
<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 BodyLayout from '@/components/layout/BodyLayout.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 },
components: { NavBar, BodyLayout, NavFooter },
setup() {
const settingsStore = useSettingsStore();
onMounted(() => {

View File

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

View File

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

View File

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

View File

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

View File

@ -148,7 +148,7 @@
<script setup lang="ts">
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 BotStatus from '@/components/ftbot/BotStatus.vue';
import CandleChartContainer from '@/components/charts/CandleChartContainer.vue';