Circuits OK

Accounts Ok
Movements OK

src/components/CSaldo/CSaldo.ts

@@ -0,0 +1,51 @@
+import { defineComponent, onMounted, PropType, ref, watch } from 'vue'
+import { tools } from '@src/store/Modules/tools'
+import { CCurrencyValue } from '../CCurrencyValue'
+
+
+import { date, useQuasar } from 'quasar'
+import { useI18n } from '@/boot/i18n'
+
+export default defineComponent({
+  name: 'CSaldo',
+  props: {
+    symbol: {
+      type: String,
+      required: true,
+    },
+    saldo: {
+      type: Number,
+      required: true,
+      default: 0,
+    },
+    qtarem: {
+      type: Number,
+      required: false,
+      default: 0,
+    },
+    color: {
+      type: String,
+      required: false,
+      default: '',
+    },
+  },
+  components: { CCurrencyValue },
+  setup(props, { emit }) {
+    const $q = useQuasar()
+    const { t } = useI18n()
+
+    const showingtooltip = ref(false)
+
+    function created() {
+      // created
+    }
+
+
+    onMounted(created)
+
+    return {
+      showingtooltip,
+      t,
+    }
+  },
+})

src/components/CSaldo/CSaldo.vue

@@ -0,0 +1,18 @@
+<template>
+
+  <CCurrencyValue
+    :symbol="symbol"
+    :tips="t('account.saldo_tips')"
+    :color="color"
+    :value="saldo"
+    :label="t('account.saldo') + ` (max ` + qtarem + `)`">
+
+  </CCurrencyValue>
+</template>
+
+<script lang="ts" src="./CSaldo.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './CSaldo.scss';
+</style>

src/components/CSaldo/index.ts

@@ -0,0 +1 @@
+export {default as CSaldo} from './CSaldo.vue'