what is the right way to use functions from js file?

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  modules: ['@nuxtjs/tailwindcss'],
  app: {
    head: {
      meta: [
        { name: 'viewport', content: 'width=device-width, initial-scale=1' }
      ],
      script: [
        { src: '/grained.js' }
      ],
      noscript: [
        { innerHTML: 'This website requires JavaScript.' }
      ],
    }
  }
});

<script>

grained('#grain', {
  animate: true,
  patternWidth: 100,
  patternHeight: 100,
  grainOpacity: 0.1,
  grainDensity: 1,
  grainWidth: 1,
  grainHeight: 1
});

export default {
  name: 'App',
}

</script