next-nprogress-bar
Advanced tools
next-nprogress-bar - npm Package Compare versions
Comparing version 1.0.0 to 1.0.1
| { | ||
| "name": "next-nprogress-bar", | ||
| "version": "1.0.0", | ||
| "version": "1.0.1", | ||
| "description": "NextJS progress bar compatible with new app directory", | ||
| "repository": { | ||
| "type": "git", | ||
| "url": "https://github.com/Skyleen77/next-progress-bar.git" | ||
| "url": "https://github.com/Skyleen77/next-nprogress-bar.git" | ||
| }, | ||
| "bugs": { | ||
| "url": "https://github.com/Skyleen77/next-progress-bar/issues" | ||
| "url": "https://github.com/Skyleen77/next-nprogress-bar/issues" | ||
| }, | ||
| "homepage": "https://github.com/Skyleen77/next-progress-bar#readme", | ||
| "homepage": "https://github.com/Skyleen77/next-nprogress-bar#readme", | ||
| "main": "dist/index.js", | ||
@@ -14,0 +14,0 @@ "types": "dist/index.d.ts", |
| <div align="center"> | ||
| <h1>Next progress bar</h1> | ||
| <h1>Next NProgress bar</h1> | ||
@@ -36,6 +36,4 @@ <p>NProgress integration on next.js compatible with /app and /pages folders</p> | ||
| npm install --save next-progress | ||
| ```bash | ||
| npm install next-progress-bar | ||
| npm install next-nprogress-bar | ||
| ``` | ||
@@ -46,3 +44,3 @@ | ||
| ```bash | ||
| yarn add next-progress-bar | ||
| yarn add next-nprogress-bar | ||
| ``` | ||
@@ -69,3 +67,3 @@ | ||
| ```jsx | ||
| import ProgressBar from 'next-progress-bar'; | ||
| import ProgressBar from 'next-nprogress-bar'; | ||
@@ -91,3 +89,3 @@ export default function App({ Component, pageProps }) { | ||
| import type { AppProps } from 'next/app'; | ||
| import ProgressBar from 'next-progress-bar'; | ||
| import ProgressBar from 'next-nprogress-bar'; | ||
@@ -119,3 +117,3 @@ export default function App({ Component, pageProps }: AppProps) { | ||
| import ProgressBar from 'next-progress-bar'; | ||
| import ProgressBar from 'next-nprogress-bar'; | ||
@@ -143,6 +141,6 @@ export default function RootLayout({ children }) { | ||
| ```jsx | ||
| // Create a Providers component to wrap your application with all the components requiring 'use client', such as next-progress-bar or your different contexts... | ||
| // Create a Providers component to wrap your application with all the components requiring 'use client', such as next-nprogress-bar or your different contexts... | ||
| 'use client'; | ||
| import ProgressBar from 'next-progress-bar'; | ||
| import ProgressBar from 'next-nprogress-bar'; | ||
@@ -193,3 +191,3 @@ const Providers = ({ children }) => { | ||
| import ProgressBar from 'next-progress-bar'; | ||
| import ProgressBar from 'next-nprogress-bar'; | ||
@@ -221,6 +219,6 @@ export default function RootLayout({ | ||
| ```tsx | ||
| // Create a Providers component to wrap your application with all the components requiring 'use client', such as next-progress-bar or your different contexts... | ||
| // Create a Providers component to wrap your application with all the components requiring 'use client', such as next-nprogress-bar or your different contexts... | ||
| 'use client'; | ||
| import ProgressBar from 'next-progress-bar'; | ||
| import ProgressBar from 'next-nprogress-bar'; | ||
@@ -295,3 +293,3 @@ const Providers = ({ children }: { children: React.ReactNode }) => { | ||
| [**File an issue**](#https://github.com/Skyleen77/next-progress-bar/issues) | ||
| [File an issue](https://github.com/Skyleen77/next-nprogress-bar/issues) | ||
@@ -298,0 +296,0 @@ ## LICENSE |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-0.13%
18375
- Number of lines in readme file
- decreased by-0.68%
290