mirror of
https://github.com/freqtrade/frequi.git
synced 2024-11-10 10:21:55 +00:00
multi-word components
This commit is contained in:
parent
5bc75e4ac1
commit
0677843bd5
|
@ -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(() => {
|
||||||
|
|
|
@ -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 {
|
|
@ -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',
|
||||||
|
|
|
@ -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';
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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';
|
||||||
|
|
Loading…
Reference in New Issue
Block a user