🔧 🌐 force locale for decimalSeparator

Author: Delni

src/renderer/components/AccountsPane.vue

@@ -89,19 +89,19 @@
                   <p>
                     {{ 'ACCOUNTS_PANE.CARDS.BANK'   | translate }}
                     <span class="amount" :class="{ 'has-text-danger': account.inBank <= 0 }">
-                      {{account.inBank | format}} <icon size="is-small" :fa="account.currency"/>
+                      {{account.inBank.toLocaleString($root.settings.language)}} <icon size="is-small" :fa="account.currency"/>
                     </span>
                   </p>
                   <p>
                     {{ 'ACCOUNTS_PANE.CARDS.TODAY'  | translate }}
                     <span class="amount" :class="{ 'has-text-danger': account.today <= 0 }">
-                      {{account.today | format}} <icon size="is-small" :fa="account.currency"/>
+                      {{account.today.toLocaleString($root.settings.language)}} <icon size="is-small" :fa="account.currency"/>
                     </span>
                   </p>
                   <p>
                     {{ 'ACCOUNTS_PANE.CARDS.FUTURE' | translate }}
                     <span class="amount" :class="{ 'has-text-danger': account.future <= 0 }">
-                      {{account.future | format}} <icon size="is-small" :fa="account.currency"/>
+                      {{account.future.toLocaleString($root.settings.language)}} <icon size="is-small" :fa="account.currency"/>
                     </span>
                   </p>
                 </small>

src/renderer/components/MainPane/accountsDetail.vue

@@ -69,8 +69,8 @@
               <td><div class="is-not-too-large">{{row.beneficiary}}</div></td>
               <td>{{row.category}}</td>
               <td><div class="is-not-too-large">{{row.label}}</div></td>
-              <td class="has-text-centered" :class="{'has-text-danger': !isFuture(row)}">{{row.amount < 0 ? row.amount: ''}}</td>
-              <td class="has-text-centered" :class="{'has-text-success': !row.isClicked && !isFuture(row)}">{{row.amount >= 0 ? row.amount.toLocaleString(): ''}}</td>
+              <td class="has-text-centered" :class="{'has-text-danger': !isFuture(row)}">{{row.amount < 0 ? row.amount.toLocaleString($root.settings.language): ''}}</td>
+              <td class="has-text-centered" :class="{'has-text-success': !row.isClicked && !isFuture(row)}">{{row.amount >= 0 ? row.amount.toLocaleString($root.settings.language): ''}}</td>
             </tr>
           </transition-group>
       </table>

src/renderer/filters.js

@@ -4,8 +4,8 @@ import Vue from 'vue'
 import moment from 'moment'
 import path from 'path'
 
-const decimalSeperator = 1.1.toLocaleString().substring(1, 2)
 let globSettings = jsonfile.readFileSync(path.join(__static, 'settings.json'))
+const decimalSeperator = 1.1.toLocaleString(globSettings.language).substring(1, 2)
 const lang = jsonfile.readFileSync(`${__static}/lang/${globSettings.language}_.json`)
 i18njs.add(globSettings.language, '', lang)
 i18njs.setLang(globSettings.language)