Library Hashids import in vue.js not working

Question

I can't seem to get the library hashids to work with vue.js

The preferend method of how i want to work with it is:

<template>
    <div class="container">
        {{ hashids.encode('1') }}
    </div>
</template>

<script>
const Hashids = require("hashids")

export default {
    data () {
        return {
            Hashids: Hashids,
        }
    },

}
</script>

Answer 1

Try to initialize the Hashid in mounted hook like :

<template>
    <div class="container">
        {{ Hashids.encode('1') }}
    </div>
</template>

<script>
  const Hashids = require("hashids")

  export default {
    data() {
      return {
        Hashids: null,
      }
    },
    mounted() {
        this.Hashids = new Hashids.default()
    }

  }
</script>

This made it work!