How can I call custom javascript function globally in Nuxt js

Question

I want to use this javascript function to call on every template / layout / page in Nuxt.js (vuejs)

function setBoolean(val) {
  if (val) {
    return 1
  }
  return 0
}

on template I want to call it like

methods: {
  getValue() {
    this.value = setBoolean(false)
  }
}

You should then use middleware on the default layout of Nuxt. — kissu
– kissu, Commented Apr 1, 2021 at 7:21

kissu · Accepted Answer · 2021-04-01 07:26:22Z

1

You can use a global middleware for your Nuxt project.

// nuxt.config.js
export default {
  router: {
    middleware: ['custom-function']
  }
}

Then, write your function in /middleware/custom-function.js (at the root of your project). Like this, it will run globally.

answered Apr 1, 2021 at 7:26

kissu

47.3k16 gold badges94 silver badges196 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

I understand your idea but middleware functions run before rendering either a page or a group of pages (layout). Can you help me with this?

Not sure to get the issue here, isn't it what you want ?

tony19 · Accepted Answer · 2022-07-16 03:54:40Z

0

You need create a plugin and inject to project.

or

you can use Vue filter.

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Apr 2, 2021 at 12:16

antlionguards

412 bronze badges

This could be better as a comment rather an answer