mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-26 15:42:09 +00:00
chore(nuxt): remove unused plugins (#8819)
This commit is contained in:
parent
f26c97f05a
commit
4d1be089d7
@ -1,13 +0,0 @@
|
|||||||
import { defineNuxtPlugin } from '#app'
|
|
||||||
|
|
||||||
export default defineNuxtPlugin((nuxtApp) => {
|
|
||||||
// Only activate in development
|
|
||||||
const logs = nuxtApp.payload.logs || []
|
|
||||||
if (logs.length > 0) {
|
|
||||||
const ssrLogStyle = 'background: #003C3C;border-radius: 0.5em;color: white;font-weight: bold;padding: 2px 0.5em;'
|
|
||||||
console.groupCollapsed && console.groupCollapsed('%cNuxt Server Logs', ssrLogStyle)
|
|
||||||
logs.forEach((logObj: any) => (console[logObj.type as 'log'] || console.log)(...logObj.args))
|
|
||||||
delete nuxtApp.payload.logs
|
|
||||||
console.groupEnd && console.groupEnd()
|
|
||||||
}
|
|
||||||
})
|
|
@ -1,43 +0,0 @@
|
|||||||
import { defineNuxtPlugin } from '#app'
|
|
||||||
|
|
||||||
export default defineNuxtPlugin((nuxtApp) => {
|
|
||||||
nuxtApp.hook('app:mounted', () => {
|
|
||||||
const el = document.createElement('div')
|
|
||||||
el.id = 'nuxt-progress'
|
|
||||||
document.body.appendChild(el)
|
|
||||||
el.style.position = 'fixed'
|
|
||||||
el.style.backgroundColor = 'black'
|
|
||||||
el.style.height = '2px'
|
|
||||||
el.style.top = '0px'
|
|
||||||
el.style.left = '0px'
|
|
||||||
el.style.transition = 'width 0.1s, opacity 0.4s'
|
|
||||||
const duration = 3000
|
|
||||||
const progress = 10000 / Math.floor(duration)
|
|
||||||
let timeout: ReturnType<typeof setTimeout> | undefined
|
|
||||||
let interval: ReturnType<typeof setInterval> | undefined
|
|
||||||
nuxtApp.hook('page:start', () => {
|
|
||||||
if (timeout) { return }
|
|
||||||
timeout = setTimeout(() => {
|
|
||||||
let width = 10
|
|
||||||
el.style.opacity = '100%'
|
|
||||||
el.style.width = '10%'
|
|
||||||
interval = setInterval(() => {
|
|
||||||
if (width >= 100) { return }
|
|
||||||
width = Math.floor(width + progress)
|
|
||||||
el.style.width = `${width}%`
|
|
||||||
}, 100)
|
|
||||||
}, 200)
|
|
||||||
})
|
|
||||||
nuxtApp.hook('page:finish', () => {
|
|
||||||
timeout && clearTimeout(timeout)
|
|
||||||
timeout = undefined
|
|
||||||
interval && clearInterval(interval)
|
|
||||||
interval = undefined
|
|
||||||
el.style.width = '100%'
|
|
||||||
el.style.opacity = '0%'
|
|
||||||
setTimeout(() => {
|
|
||||||
el.style.width = '0%'
|
|
||||||
}, 500)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
})
|
|
Loading…
Reference in New Issue
Block a user