run prettier rules to pass linting

src/app.js

@@ -1,28 +1,25 @@
 import { View, Controller, Component, Router } from '@sndcds/mvc'
 
-
 export default class App extends Controller {
-    /* eslint no-useless-constructor: 0 */
-    constructor(model, view) {
-        super(model, view)
-    }
+  /* eslint no-useless-constructor: 0 */
+  constructor(model, view) {
+    super(model, view)
+  }
 
-    initApp(url, id) {
-        this.data = this.model.getStorage('data')
-        this.districtId = this.model.getStorage('districtId')
+  initApp(url, id) {
+    this.data = this.model.getStorage('data')
+    this.districtId = this.model.getStorage('districtId')
 
-        if (this.districtId === null) {
-            this.model.setDistrictId(id)
-        }
-        else {
-            this.model.setDistrictId(this.districtId)
-        }
+    if (this.districtId === null) {
+      this.model.setDistrictId(id)
+    } else {
+      this.model.setDistrictId(this.districtId)
+    }
 
-        if (this.data === null) {
-            this.fetchData(url)
-        }
-        else {
-            // this.state.onDataChanged(this.data)
-        }
+    if (this.data === null) {
+      this.fetchData(url)
+    } else {
+      // this.state.onDataChanged(this.data)
     }
-}
+  }
+}

src/appModel.js

@@ -1,37 +1,36 @@
 import { Model } from '@sndcds/mvc'
 
-
 export default class AppModel extends Model {
-    constructor() {
-        super()
-        this.data = null
-        this.districtNames = null
-        this.districtObject = null
-        this.districtId = null
-    }
+  constructor() {
+    super()
+    this.data = null
+    this.districtNames = null
+    this.districtObject = null
+    this.districtId = null
+  }
 
-    bindDataChanged(callback) {
-        this.onDataChanged = callback
-    }
+  bindDataChanged(callback) {
+    this.onDataChanged = callback
+  }
 
-    setDataObject(data) {
-        this.data = data
-        this.districtNames = data.map((item) => item.district_name)
-        this.setStorage('data', data)
-    }
+  setDataObject(data) {
+    this.data = data
+    this.districtNames = data.map((item) => item.district_name)
+    this.setStorage('data', data)
+  }
 
-    setDistrictId(districtId) {
-        this.districtId = districtId
-        this.setStorage('districtId', districtId)
-    }
+  setDistrictId(districtId) {
+    this.districtId = districtId
+    this.setStorage('districtId', districtId)
+  }
 
-    setDistrictObject(districtId) {
-        const condition = (district) => district.district_id === districtId
-        const items = this.data.filter(condition)
+  setDistrictObject(districtId) {
+    const condition = (district) => district.district_id === districtId
+    const items = this.data.filter(condition)
 
-        if (items.length > 0) {
-            this.districtObject = items[0]
-            this.setStorage('districtObject', items[0])
-        }
+    if (items.length > 0) {
+      this.districtObject = items[0]
+      this.setStorage('districtObject', items[0])
     }
-}
+  }
+}

src/districtSelectComponent.js

@@ -1,42 +1,41 @@
 import { Component } from '@sndcds/mvc'
 
-
 export default class DistrictSelectComponent extends Component {
-    /* eslint no-useless-constructor: 0 */
-    constructor(parent, id, setupData) {
-        super(parent, id, setupData)
-    }
-
-    build() {
-        this.e = this.domCreateElement('div')
-        this.parent.e.appendChild(this.e)
-    }
-
-    setProperties(data) {
-        console.trace()
-        const selectElement = this.domCreateElement('select')
-
-        data.data.forEach((item) => {
-            const optionElement = this.domCreateElement('option')
-
-            optionElement.value = item.district_id
-            optionElement.textContent = item.district_name
-
-            if (optionElement.value === data.districtId) {
-                optionElement.selected = true
-            }
-
-            selectElement.appendChild(optionElement)
-        })
-
-        this.e.appendChild(selectElement)
-    }
-
-    bindDistrictChanged(handler) {
-        const e = this.e.children.item(0)
-        e.addEventListener('change', (event) => {
-            const selectedOption = e.value
-            handler(selectedOption - 1)
-        })
-    }
-}
+  /* eslint no-useless-constructor: 0 */
+  constructor(parent, id, setupData) {
+    super(parent, id, setupData)
+  }
+
+  build() {
+    this.e = this.domCreateElement('div')
+    this.parent.e.appendChild(this.e)
+  }
+
+  setProperties(data) {
+    console.trace()
+    const selectElement = this.domCreateElement('select')
+
+    data.data.forEach((item) => {
+      const optionElement = this.domCreateElement('option')
+
+      optionElement.value = item.district_id
+      optionElement.textContent = item.district_name
+
+      if (optionElement.value === data.districtId) {
+        optionElement.selected = true
+      }
+
+      selectElement.appendChild(optionElement)
+    })
+
+    this.e.appendChild(selectElement)
+  }
+
+  bindDistrictChanged(handler) {
+    const e = this.e.children.item(0)
+    e.addEventListener('change', (event) => {
+      const selectedOption = e.value
+      handler(selectedOption - 1)
+    })
+  }
+}

src/index.js

@@ -6,10 +6,10 @@ import PopComponent from './popComponent.js'
 import StateController from './stateController.js'
 
 export {
-    App,
-    AppModel,
-    TestComponent,
-    DistrictSelectComponent,
-    PopComponent,
-    StateController
-}
+  App,
+  AppModel,
+  TestComponent,
+  DistrictSelectComponent,
+  PopComponent,
+  StateController,
+}

src/main.js

@@ -1,6 +1,19 @@
-import { Model, View, Router, Controller, Component, GridComponent } from '@sndcds/mvc'
-import { App, AppModel, TestComponent, DistrictSelectComponent, PopComponent, StateController } from './index.js'
-
+import {
+  Model,
+  View,
+  Router,
+  Controller,
+  Component,
+  GridComponent,
+} from '@sndcds/mvc'
+import {
+  App,
+  AppModel,
+  TestComponent,
+  DistrictSelectComponent,
+  PopComponent,
+  StateController,
+} from './index.js'
 
 // Create an instance of AppModel
 const model = new AppModel()
@@ -12,17 +25,15 @@ const view = new View()
 const app = new App(model, view)
 
 // Define routes object with path and name
-const routes = [
-    { path: '/', controller: 'demoController1' }
-]
+const routes = [{ path: '/', controller: 'demoController1' }]
 
 const demoController1 = () => {
-    const a = new StateController(app)
+  const a = new StateController(app)
 }
 
 // Create an object that maps controller names to controller functions.
 const controllers = {
-    demoController1
+  demoController1,
 }
 
 // Create an instance of Router
@@ -33,4 +44,4 @@ router.start()
 app.buildView('root')
 
 // Initialize the application with url and district id
-app.initApp('./details.json', 13)
+app.initApp('./details.json', 13)