Merge pull request #956 from AbleKSaju/fix-hyphenation

fix: convert camelCase to kebab-case, resolve lint warnings

main/preload.ts

@@ -36,7 +36,7 @@ const ipc = {
   },
 
   isMaximized() {
-    return new Promise((resolve, reject) => {
+    return new Promise((resolve) => {
       ipcRenderer.send(IPC_MESSAGES.ISMAXIMIZED_MAIN_WINDOW);
       ipcRenderer.once(
         IPC_MESSAGES.ISMAXIMIZED_RESULT,
@@ -48,7 +48,7 @@ const ipc = {
   },
 
   isFullscreen() {
-    return new Promise((resolve, reject) => {
+    return new Promise((resolve) => {
       ipcRenderer.send(IPC_MESSAGES.ISFULLSCREEN_MAIN_WINDOW);
       ipcRenderer.once(
         IPC_MESSAGES.ISFULLSCREEN_RESULT,

src/App.vue

@@ -21,7 +21,7 @@
     <Desk
       v-if="activeScreen === 'Desk'"
       class="flex-1"
-      :darkMode="darkMode"
+      :dark-mode="darkMode"
       @change-db-file="showDbSelector"
     />
     <DatabaseSelector

src/pages/Dashboard/Cashflow.vue

@@ -38,8 +38,8 @@
       class="mt-4"
       :aspect-ratio="4.15"
       :colors="chartData.colors"
-      :gridColor="chartData.gridColor"
+      :grid-color="chartData.gridColor"
-      :fontColor="chartData.fontColor"
+      :font-color="chartData.fontColor"
       :points="chartData.points"
       :x-labels="chartData.xLabels"
       :format="chartData.format"
@@ -76,10 +76,10 @@ export default defineComponent({
     PeriodSelector,
     LineChart,
   },
+  extends: DashboardChartBase,
   props: {
     darkMode: { type: Boolean, default: false },
   },
-  extends: DashboardChartBase,
   data: () => ({
     data: [] as { inflow: number; outflow: number; yearmonth: string }[],
     periodList: [],

src/pages/Dashboard/Dashboard.vue

@@ -31,7 +31,7 @@
         <Cashflow
           class="p-4"
           :common-period="period"
-          :darkMode="darkMode"
+          :dark-mode="darkMode"
           @period-change="handlePeriodChange"
         />
         <hr class="dark:border-gray-800" />
@@ -39,14 +39,14 @@
           <UnpaidInvoices
             :schema-name="'SalesInvoice'"
             :common-period="period"
-            :darkMode="darkMode"
+            :dark-mode="darkMode"
             class="border-e dark:border-gray-800"
             @period-change="handlePeriodChange"
           />
           <UnpaidInvoices
             :schema-name="'PurchaseInvoice'"
             :common-period="period"
-            :darkMode="darkMode"
+            :dark-mode="darkMode"
             @period-change="handlePeriodChange"
           />
         </div>
@@ -55,13 +55,13 @@
           <ProfitAndLoss
             class="w-full p-4 border-e dark:border-gray-800"
             :common-period="period"
-            :darkMode="darkMode"
+            :dark-mode="darkMode"
             @period-change="handlePeriodChange"
           />
           <Expenses
             class="w-full p-4"
             :common-period="period"
-            :darkMode="darkMode"
+            :dark-mode="darkMode"
             @period-change="handlePeriodChange"
           />
         </div>

src/pages/Dashboard/Expenses.vue

@@ -36,7 +36,7 @@
         :text-offset-x="6.5"
         :value-formatter="(value: number) => fyo.format(value, 'Currency')"
         :total-label="t`Total Spending`"
-        :darkMode="darkMode"
+        :dark-mode="darkMode"
         @change="(value: number) => (active = value)"
       />
     </div>
@@ -77,10 +77,10 @@ export default defineComponent({
     PeriodSelector,
     SectionHeader,
   },
+  extends: DashboardChartBase,
   props: {
     darkMode: { type: Boolean, default: false },
   },
-  extends: DashboardChartBase,
   data: () => ({
     active: null as null | number,
     expenses: [] as {

src/pages/Dashboard/ProfitAndLoss.vue

@@ -15,8 +15,8 @@
       class="mt-4"
       :aspect-ratio="2.05"
       :colors="chartData.colors"
-      :gridColor="chartData.gridColor"
+      :grid-color="chartData.gridColor"
-      :fontColor="chartData.fontColor"
+      :font-color="chartData.fontColor"
       :points="chartData.points"
       :x-labels="chartData.xLabels"
       :format="chartData.format"
@@ -55,10 +55,10 @@ export default defineComponent({
     SectionHeader,
     BarChart,
   },
+  extends: DashboardChartBase,
   props: {
     darkMode: { type: Boolean, default: false },
   },
-  extends: DashboardChartBase,
   data: () => ({
     data: [] as { yearmonth: string; balance: number }[],
     hasData: false,

src/pages/Desk.vue

@@ -15,7 +15,7 @@ import { toggleSidebar } from 'src/utils/ui';
           whitespace-nowrap
           w-sidebar
         "
-        :darkMode="darkMode"
+        :dark-mode="darkMode"
         @change-db-file="$emit('change-db-file')"
       />
     </Transition>
@@ -34,7 +34,7 @@ import { toggleSidebar } from 'src/utils/ui';
           <component
             :is="Component"
             :key="$route.path"
-            :darkMode="darkMode"
+            :dark-mode="darkMode"
             class="flex-1"
           />
         </keep-alive>
@@ -46,7 +46,7 @@ import { toggleSidebar } from 'src/utils/ui';
             <component
               :is="Component"
               :key="route.query.schemaName + route.query.name"
-              :darkMode="darkMode"
+              :dark-mode="darkMode"
             />
           </div>
         </Transition>