Breaking News: Grepper is joining You.com. Read the official announcement!

use webnotification in typescript inside nuxt3 with whis file in plugins-folder

Github-Priest answered on October 12, 2023 Popularity 1/10 Helpfulness 1/10

answer use webnotification in typescript inside nuxt3 with whis file in plugins-folder

related use webnotification in typescript inside nuxt3 with whis file in plugins-folder

use webnotification in typescript inside nuxt3 with whis file in plugins-folder

Comment

import { useWebNotification } from '@vueuse/core'
import type { UseWebNotificationOptions } from '@vueuse/core'

export default defineNuxtPlugin(() => {
  return {
    provide: {
      webnoti: (msg: any) => {
        const options: UseWebNotificationOptions = {
          title: msg,
          dir: 'auto',
          lang: 'en',
          renotify: false,
          tag: 'Luther'
        }
        const {
          show
        } = useWebNotification(options)
        if (window) {
          if ('Notification' in window) {
            // console.log('WebNotification is popping up because you saved this ts-file in plugins and wrote this in a script-tag: useNuxtApp().$webnoti("Hello!")')
            show()
          } else {
            console.log('Notification is blocked or not supported.')
          }
        }
      }
    }
  }
})
// console.log('This message is written if you saved this ts-file in plugins and wrote this in a script tag: useNuxtApp().$webnoti("Hello!")')

Popularity 1/10 Helpfulness 1/10 Language typescript

Source: github.com

Tags: file typescript

Link to this answer
Share Copy Link

Contributed on Oct 18 2023

Github-Priest

0 Answers Avg Quality 2/10

Closely Related Answers

use webnotification in typescript inside nuxt3 with whis file in plugins-folder

Comment

/*
import { useWebNotification } from '@vueuse/core'
import type { UseWebNotificationOptions } from '@vueuse/core'

export default defineNuxtPlugin(() => {
  return {
    provide: {
      webnoti: (msg: any) => {
        const options: UseWebNotificationOptions = {
          title: msg,
          dir: 'auto',
          lang: 'en',
          renotify: false,
          tag: 'Luther'
        }
        const {
          show
        } = useWebNotification(options)
        if (window) {
          if ('Notification' in window) {
            // console.log('WebNotification is popping up because you saved this ts-file in plugins and wrote this in a script-tag: useNuxtApp().$webnoti("Hello!")')
            show()
          } else {
            console.log('Notification is blocked or not supported.')
          }
        }
      }
    }
  }
})
console.log('This message is written if you saved this ts-file in plugins and wrote this in a script tag: useNuxtApp().$webnoti("Hello!")')

Popularity 1/10 Helpfulness 1/10 Language typescript

Source: github.com

Tags: file typescript

Link to this answer
Share Copy Link

Contributed on Oct 12 2023

Github-Priest

0 Answers Avg Quality 2/10

use webnotification in typescript inside nuxt3 with whis file in plugins-folder

Contents

More Related Answers

use webnotification in typescript inside nuxt3 with whis file in plugins-folder

Closely Related Answers

use webnotification in typescript inside nuxt3 with whis file in plugins-folder

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.