Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($grid-gutter, 3) or calc($grid-gutter / 3)

More info and automated migrator: https://sass-lang.com/d/slash-div

   ╷
64 │     'md': $grid-gutter / 3,
   │           ^^^^^^^^^^^^^^^^
   ╵
    node_modules/vuetify/src/styles/settings/_variables.scss 64:11    @import
    node_modules/vuetify/src/styles/settings/_index.sass 1:9          @import
    node_modules/vuetify/src/styles/styles.sass 2:9                   @import
    node_modules/vuetify/src/components/VOverlay/_variables.scss 1:9  @import
    node_modules/vuetify/src/components/VOverlay/VOverlay.sass 1:9    root stylesheet

Warning: 1 repetitive deprecation warnings omitted.

$ npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/eslint
npm ERR!   dev eslint@"7.0.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer eslint@">= 1.6.0 < 7.0.0" from @vue/[email protected]
npm ERR! node_modules/@vue/cli-plugin-eslint
npm ERR!   dev @vue/cli-plugin-eslint@"^4.5.13" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See [MY_HOMEDIR]/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     [MY_HOMEDIR]/.npm/_logs/2021-11-28T15_41_43_606Z-debug.log

$ npm install --legacy-peer-deps
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: This loader has been deprecated. Please use eslint-webpack-plugin
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: Sorry but vue-analytics is no longer maintained. I would suggest you switch to vue-gtag, with love, the guy who made the package.
npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated [email protected]: 3.x is no longer supported
npm WARN deprecated [email protected]: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
npm WARN deprecated @hapi/[email protected]: Moved to 'npm install @sideway/address'
npm WARN deprecated [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/[email protected]: Switch to 'npm install joi'
npm WARN deprecated [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.
npm WARN deprecated [email protected]: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.
npm ERR! code 1
npm ERR! path [MY_HOMEDIR]/............./node_modules/node-sass
npm ERR! command failed
npm ERR! command sh -c node scripts/build.js
npm ERR! Building: [MY_HOMEDIR]/.nvm/versions/node/v16.13.0/bin/node [MY_HOMEDIR]/............./node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli   '[MY_HOMEDIR]/.nvm/versions/node/v16.13.0/bin/node',
npm ERR! gyp verb cli   '[MY_HOMEDIR]/............./node_modules/node-gyp/bin/node-gyp.js',
npm ERR! gyp verb cli   'rebuild',
npm ERR! gyp verb cli   '--verbose',
npm ERR! gyp verb cli   '--libsass_ext=',
npm ERR! gyp verb cli   '--libsass_cflags=',
npm ERR! gyp verb cli   '--libsass_ldflags=',
npm ERR! gyp verb cli   '--libsass_library='
npm ERR! gyp verb cli ]
npm ERR! gyp info using [email protected]
npm ERR! gyp info using [email protected] | darwin | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb check python checking for Python executable "python2" in the PATH
npm ERR! gyp verb `which` succeeded python2 [MY_HOMEDIR]/.pyenv/shims/python2
npm ERR! gyp ERR! configure error 
.
.
npm ERR! gyp ERR! System Darwin 18.7.0
npm ERR! gyp ERR! command "[MY_HOMEDIR]/.nvm/versions/node/v16.13.0/bin/node" "[MY_HOMEDIR]/............./node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd [MY_HOMEDIR]/............./node_modules/node-sass
npm ERR! gyp ERR! node -v v16.13.0
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok 
npm ERR! Build failed with error code: 1

npm ERR! A complete log of this run can be found in:
npm ERR!     [MY_HOMEDIR]/.npm/_logs/2021-11-29T10_06_10_185Z-debug.log

 WARNING  Compiled with 1 warning
Parsing error: require() of ES Module require-from-eslint.js not supported
https://stackoverflow.com/questions/69554485/eslint-error-must-use-import-to-load-es-module

.. /src/components/core/Footer.vue
  1:1  error  Component name "Footer" should always be multi-word  vue/multi-word-component-names

[MY_HOMEDIR]/......./src/components/error/Error.vue
  1:1  error  Component name "Error" should always be multi-word  vue/multi-word-component-names

[MY_HOMEDIR]/......../src/components/materialfy/Calendar.vue
  1:1  error  Component name "Calendar" should always be multi-word  vue/multi-word-component-names

# etc

{
  "vue/multi-word-component-names": ["error", {
    "ignores": ['Footer', 'Error', etc]
  }]
}

npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: Sorry but vue-analytics is no longer maintained. I would suggest you switch to vue-gtag, with love, the guy who made the package.
npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated [email protected]: 3.x is no longer supported
npm WARN deprecated @hapi/[email protected]: Moved to 'npm install @sideway/address'
npm WARN deprecated [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/[email protected]: Switch to 'npm install joi'
npm WARN deprecated [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.

Uncaught TypeError: Cannot read properties of undefined (reading 'updateSeries')
    at s.updateSeriesLine (ApexLineGraph.vue:92)
    at ApexLineGraph.vue:87
    at n (helpers.js:72)
updateSeriesLine @ ApexLineGraph.vue:92
(anonymous) @ ApexLineGraph.vue:87
n @ helpers.js:72

<template>
  <span>
    <v-icon @click="handleCreate(tenant, device, check)">
      mdi-volume-high
    </v-icon>
    <v-dialog
      v-model="silenceFormVisible"
      max-width="800"
    >
      <v-card>
        <v-card-title
          primary-title
        >
          Create Silence
        </v-card-title>
        <v-form
          ref="silenceForm"
          label-position="left"
          label-width="130px"
          style="width: 400px; margin-left:50px;"
        >
          Tenant: {{ form.tenant }}<br>
          Device: {{ form.device }}<br>
          Check: {{ form.check }}<br>
          <v-textarea
            v-model="form.reason"
            :rows="3"
            label="Reson"
            type="textarea"
            placeholder="A reason is required"
          />
          <v-checkbox
            v-model="form.expireonresolve"
            label="Expire on Resolve"
          />
          <v-radio-group v-model="form.options">
            <v-radio
              label="immediately"
              value="immediately"
            />
            <v-radio
              label="scheduled"
              value="scheduled"
            />
            <v-radio
              label="cron"
              value="cron"
            />
          </v-radio-group>
          <v-select
            v-if="form.options === 'immediately'"
            v-model="form.duration"
            :auto-select-first="true"
            :items="durationOptions"
            placeholder="Duration"
            label="Duration"
            item-text="display_name"
            item-value="key"
          />
          <VueCronEditorBuefy
            v-if="form.options === 'cron'"
            v-model="form.cron"
          />
          <v-btn @click="silenceFormVisible = false">
            Cancel
          </v-btn>
          <v-btn
            type="primary"
            @click="onSilence"
          >
            Silence
          </v-btn>
        </v-form>
      </v-card>
    </v-dialog>
  </span>
</template>

<script>
import { createSilence, createSchedule, createCron } from '@/utils/silence-api'
import VueCronEditorBuefy from 'vue-cron-editor-buefy'
import store from '@/store'

const durationOptions = [
  { key: 900, display_name: '15 minutes' },
  { key: 3600, display_name: '1 hour' },
  { key: 43200, display_name: '12 hours' },
  { key: 86400, display_name: 'a day' }
]

export default {
  name: 'Silence',
  components: { VueCronEditorBuefy },
  props: {
    tenant: {
      required: true,
      type: String,
      default: ''
    },
    device: {
      required: true,
      type: String,
      default: ''
    },
    check: {
      type: String,
      default: ''
    }
  },
  data () {
    return {
      list: null,
      listLoading: true,
      durationOptions,
      form: {
        cron: '',
        tenant: '',
        device: '',
        check: '',
        duration: '',
        reason: '',
        options: 'immediately',
        expireonresolve: false,
        scheduleRange: []
      },
      silenceFormVisible: false
    }
  },
  methods: {
    onSilence () {
      var obj = {}
      obj = this.form
      var data = {}
      if (this.form.options === 'immediately') {
        if (obj.check === '') {
          data = { 'subscription': 'client:' + obj.device, 'reason': obj.reason, 'creator': store.getters.name, 'expire': obj.duration, 'expireonresolve': obj.expireonresolve }
        } else {
          data = { 'subscription': 'client:' + obj.device, 'reason': obj.reason, 'creator': store.getters.name, 'check': obj.check, 'expire': obj.duration, 'expireonresolve': obj.expireonresolve }
        }
        createSilence(obj.tenant, data).then(response => {
        })
      }
      if (this.form.options === 'scheduled') {
        const expire = (obj.scheduleRange[1].getTime() / 1000) - (obj.scheduleRange[0].getTime() / 1000)
        if (obj.check === '') {
          data = {
            'subscription': 'client:' + obj.device,
            'reason': obj.reason,
            'creator': store.getters.name,
            'expireonresolve': obj.expireonresolve,
            'begin': obj.scheduleRange[0].getTime() / 1000,
            'expire': expire
          }
        } else {
          data = {
            'subscription': 'client:' + obj.device,
            'reason': obj.reason,
            'creator': store.getters.name,
            'check': obj.check,
            'expireonresolve': obj.expireonresolve,
            'begin': this.form.scheduleRange[0].getTime() / 1000,
            'expire': expire
          }
        }
        createSchedule(this.form.tenant, data).then(response => {
          this.loading = false
        })
      }
      if (this.form.options === 'cron') {
        if (obj.check === '') {
          data = {
            'subscription': 'client:' + obj.device,
            'reason': obj.reason,
            'creator': store.getters.name,
            'expireonresolve': obj.expireonresolve,
            'expire': obj.duration,
            'cron': obj.cron
          }
        } else {
          data = {
            'subscription': 'client:' + obj.device,
            'reason': obj.reason,
            'creator': store.getters.name,
            'check': obj.check,
            'expireonresolve': obj.expireonresolve,
            'expire': obj.duration,
            'cron': obj.cron
          }
        }
        createCron(this.form.tenant, data).then(response => {
          this.loading = false
        })
      }
      this.silenceFormVisible = false
    },
    handleCreate (tenant, device, check) {
      this.form.tenant = tenant
      this.form.device = device
      this.form.check = check
      this.silenceFormVisible = true
    }
  },
  template: '<cron/>'
}
</script>

 login({ commit }, userData) {
       return new Promise((resolve, reject) => {

    var config = {
    method: 'post',
    url: 'http://127.0.0.1:8000/api/[email protected]&password=1q2w3e4r',
    headers: {
      // ...data.getHeaders()
    },
    data: { username: userData.username, password: userData.password }
  };

  axios(config)
    .then(response => {
      const token = response.data.token
      const user = response.data.username
      console.log(response)
      // storing jwt in localStorage. https cookie is safer place to store
      localStorage.setItem('token', token)
      localStorage.setItem('user', user)
      axios.defaults.headers.common['Authorization'] = 'Bearer ' + token
      // mutation to change state properties to the values passed along
      commit('auth_success', { token, user })
      resolve(response)
    })
    .catch(err => {
      console.log('login error')
      commit('auth_error')
      localStorage.removeItem('token')
      reject(err)
    })`

ERROR  Failed to compile with 1 errors3:43:32 PM

 error  in ./src/router/paths.js

Module build failed (from ./node_modules/eslint-loader/index.js):
TypeError: Cannot read property 'range' of null
    at SourceCode.getTokenBefore (D:\admx\node_modules\eslint\lib\token-store\index.js:303:18)
    at checkSpacingBefore (D:\admx\node_modules\eslint\lib\rules\template-curly-spacing.js:52:42)
    at TemplateElement (D:\admx\node_modules\eslint\lib\rules\template-curly-spacing.js:117:17)
    at D:\admx\node_modules\eslint\lib\util\safe-emitter.js:47:58
    at Array.forEach (<anonymous>)
    at Object.emit (D:\admx\node_modules\eslint\lib\util\safe-emitter.js:47:38)
    at NodeEventGenerator.applySelector (D:\admx\node_modules\eslint\lib\util\node-event-generator.js:251:26)
    at NodeEventGenerator.applySelectors (D:\admx\node_modules\eslint\lib\util\node-event-generator.js:280:22)
    at NodeEventGenerator.enterNode (D:\admx\node_modules\eslint\lib\util\node-event-generator.js:294:14)
    at CodePathAnalyzer.enterNode (D:\admx\node_modules\eslint\lib\code-path-analysis\code-path-analyzer.js:608:23)
    at Traverser.enter [as _enter] (D:\admx\node_modules\eslint\lib\linter.js:865:28)
    at Traverser._traverse (D:\admx\node_modules\eslint\lib\util\traverser.js:132:14)
    at Traverser._traverse (D:\admx\node_modules\eslint\lib\util\traverser.js:144:34)
    at Traverser._traverse (D:\admx\node_modules\eslint\lib\util\traverser.js:147:30)
    at Traverser._traverse (D:\admx\node_modules\eslint\lib\util\traverser.js:147:30)
    at Traverser._traverse (D:\admx\node_modules\eslint\lib\util\traverser.js:147:30)

 @ ./src/router/index.js 15:0-28 21:10-15
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.0.5:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js