add ityped, add strapi type generate plugin
This commit is contained in:
14
yoga-app/package-lock.json
generated
14
yoga-app/package-lock.json
generated
@@ -13,12 +13,14 @@
|
||||
"@types/bcrypt": "^5.0.2",
|
||||
"@types/bcryptjs": "^2.4.6",
|
||||
"@types/bootstrap": "^5.2.10",
|
||||
"@types/ityped": "^1.0.3",
|
||||
"@types/pg": "^8.11.10",
|
||||
"aos": "^2.3.4",
|
||||
"bcryptjs": "^2.4.3",
|
||||
"bootstrap": "^4.6.2",
|
||||
"clsx": "^2.1.1",
|
||||
"dotenv": "^16.4.7",
|
||||
"ityped": "^1.0.3",
|
||||
"next": "15.1.3",
|
||||
"pg": "^8.13.1",
|
||||
"react": "^19.0.0",
|
||||
@@ -1147,6 +1149,12 @@
|
||||
"integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/@types/ityped": {
|
||||
"version": "1.0.3",
|
||||
"resolved": "https://registry.npmjs.org/@types/ityped/-/ityped-1.0.3.tgz",
|
||||
"integrity": "sha512-89dSbYe+TuNYRgw5stHSAlQ1ABp5Ca9UPw/yCvaFBUn6W7M2wG1XjivvohYCkOC2rIKCnSAjezIXe8oDmrJPew==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@types/json-schema": {
|
||||
"version": "7.0.15",
|
||||
"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
|
||||
@@ -3588,6 +3596,12 @@
|
||||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/ityped": {
|
||||
"version": "1.0.3",
|
||||
"resolved": "https://registry.npmjs.org/ityped/-/ityped-1.0.3.tgz",
|
||||
"integrity": "sha512-46Qnh3qs+6EJlWDHmvWRW6qiz5jFy2mkh9UvtTvQmLJMZIjKrdz4du68le7hLX4tAWCp6QTKiq/OuLv6huHxZg==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/jquery": {
|
||||
"version": "3.7.1",
|
||||
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
|
||||
|
||||
@@ -14,12 +14,14 @@
|
||||
"@types/bcrypt": "^5.0.2",
|
||||
"@types/bcryptjs": "^2.4.6",
|
||||
"@types/bootstrap": "^5.2.10",
|
||||
"@types/ityped": "^1.0.3",
|
||||
"@types/pg": "^8.11.10",
|
||||
"aos": "^2.3.4",
|
||||
"bcryptjs": "^2.4.3",
|
||||
"bootstrap": "^4.6.2",
|
||||
"clsx": "^2.1.1",
|
||||
"dotenv": "^16.4.7",
|
||||
"ityped": "^1.0.3",
|
||||
"next": "15.1.3",
|
||||
"pg": "^8.13.1",
|
||||
"react": "^19.0.0",
|
||||
|
||||
@@ -11,6 +11,7 @@ import FooterComponent from "@/components/footer.component";
|
||||
import SubscribeComponent from "@/components/subscribe.component";
|
||||
import MainHeaderComponent from "@/components/mainHeaderComponent";
|
||||
import BootstrapComponent from "@/components/bootstrap.component";
|
||||
import ITypedComponent from "@/components/ityped.component";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
@@ -27,6 +28,7 @@ export default function Home() {
|
||||
<FooterComponent />
|
||||
<AosComponent />
|
||||
<BootstrapComponent />
|
||||
<ITypedComponent />
|
||||
</>
|
||||
|
||||
);
|
||||
|
||||
@@ -1,17 +1,18 @@
|
||||
'use client'
|
||||
|
||||
import { useEffect} from "react";
|
||||
import AOS from "aos";
|
||||
import { init } from 'ityped'
|
||||
|
||||
const AosComponent = ( ) => {
|
||||
const ITypedComponent = ( ) => {
|
||||
useEffect(() => {
|
||||
AOS.init({
|
||||
duration: 1000,
|
||||
offset: 120,
|
||||
easing: 'ease-in-out'
|
||||
init(document.querySelector('.ityped') as Element,{
|
||||
strings: ['Body & Soul'],
|
||||
typeSpeed: 150,
|
||||
backSpeed: 150,
|
||||
loop: true
|
||||
})
|
||||
}, []);
|
||||
return (<></> );
|
||||
}
|
||||
|
||||
export default AosComponent;
|
||||
export default ITypedComponent;
|
||||
|
||||
Reference in New Issue
Block a user