Refactor: Nuxt3 plugins

[roiLeo]

All plugins in your plugins/ directory are auto-registered, so you should not add them to your nuxt.config

.client suffix in the file name to load a plugin only on the client side.

export default defineNuxtPlugin(nuxtApp => {
  // Doing something with nuxtApp
})

Done

• vue-gtag
• consola
• infiniteScroll (🧪 vue-infinite scroll plugin #5329)
• vuex-persist (⚰ Say goodbye to vuex-persists #5251)
• filters
• icons
• userBalance (???)
• assets (???)
• keyboardEvents
• polkadot
• vueTippy
• globalVariables
• endpoint
• vueClipBoard => useClipboard refactor: nuxt3 vueclipboard plugin #7229
• vueSocialSharing (refactor: nuxt3 vuesocialshare update #7233)
• vueAudioVisual (Better Visual integration for music files #5228)
• pwa

Todo

• sentry => BLOCKED no Nuxt3 version
• seoMetaGenerator => useHead
• Refactor: Nuxt3 plugins #5314 (comment)

[pbkompasz]

👋

[kodabot]

ASSIGNED - @pbkompasz 🔒 LOCKED -> Thursday, August 31st 2023, 12:26:56 UTC -> 24 hours

[yangwao]

👋

all of them @pbkompasz ?
I think rather write which part you want to take :)

[pbkompasz]

@yangwao I have refactored a couple already. Here is the current status:

• endpoint
• filters
• globalVariables
• icons
• keyboardEvents
• polkadot
• pwa
• sentry
• seoMetaGenerator => useHead
• vueAudioVisual (Better Visual integration for music files #5228)
• vueClipBoard => useClipboard
• vueSocialSharing (not workinnng with nuxt3 and new version plugin error)
• vueTippy
• vuex-persist (⚰ Say goodbye to vuex-persists #5251)

I do have a couple of questions:

1. the endpoint plugin is just a simple import, do we need that?
2. polkadot, globalVariables and pwa are already exporting a default function. Should those be also refactored or are they good currently?
3. The plugins are not being auto-registered.

[kodabot]

ASSIGNMENT EXPIRED - @pbkompasz has been unassigned.

[roiLeo]

so far so good, most plugins have been fixed.

what's missing:

• consola
• pwa
• download
• image preview

lmk which one you take

done:

• font-awesome pro version (grid-2 icon etc..)
• QR code
• clipboard (refactor: plugins #7064)
• popover (v-tippy)
• vue-infinite scroll (➖ unused package #7277)

[pbkompasz]

@roiLeo What about notifications. Should that be converted into a plugin? It is used by clipboard and it is commented out in the nuxt branch.

[roiLeo]

@pbkompasz ref #7083 (comment), @preschian might takes care of it. But feel free to open PR if you want to fix it asap.