File tree Expand file tree Collapse file tree 1 file changed +12
-13
lines changed Expand file tree Collapse file tree 1 file changed +12
-13
lines changed Original file line number Diff line number Diff line change 1
- import type { NextPage } from 'next' ;
2
- import Image from 'next/image' ;
3
- import UploadcareImage , { uploadcareLoader } from '@uploadcare/nextjs-loader' ;
4
- import { FC } from 'react' ;
5
- import styles from '../styles/Home.module.css' ;
1
+ import type { NextPage } from 'next'
2
+ import Image from 'next/image'
3
+ import UploadcareImage , { uploadcareLoader } from '@uploadcare/nextjs-loader'
4
+ import { FC } from 'react'
5
+ import styles from '../styles/Home.module.css'
6
6
7
7
type CodeProps = {
8
- [ key : string ] : any ;
9
- } ;
10
- const Code : FC < CodeProps > = ( p ) => (
11
- < code className = { styles . inlineCode } { ...p } />
12
- ) ;
8
+ [ key : string ] : any
9
+ }
10
+ const Code : FC < CodeProps > = ( p ) => < code className = { styles . inlineCode } { ...p } />
13
11
14
12
const Home : NextPage = ( ) => (
15
13
< div className = { styles . container } >
@@ -50,7 +48,8 @@ const Home: NextPage = () => (
50
48
< p >
51
49
The following is an example of use of the < Code > UploadcareImage</ Code > { ' ' }
52
50
helper component with < Code > placeholder=blur</ Code > property. It's
53
- better to enable network throttling in dev tools to see the blurred placeholder.
51
+ better to enable network throttling in dev tools to see the blurred
52
+ placeholder.
54
53
</ p >
55
54
< UploadcareImage
56
55
alt = "Vercel logo"
@@ -108,6 +107,6 @@ const Home: NextPage = () => (
108
107
.
109
108
</ div >
110
109
</ div >
111
- ) ;
110
+ )
112
111
113
- export default Home ;
112
+ export default Home
You can’t perform that action at this time.
0 commit comments