From 95465c6124f7dbb0765f4f664b2a106daee094f3 Mon Sep 17 00:00:00 2001 From: Florent Delerue Date: Mon, 11 Sep 2023 19:57:12 +0200 Subject: [PATCH 1/3] feat(HomeDemo): animation --- docs/components/home/HomeDemo.vue | 264 +++++++++++++++++++----------- pnpm-lock.yaml | 6 +- 2 files changed, 170 insertions(+), 100 deletions(-) diff --git a/docs/components/home/HomeDemo.vue b/docs/components/home/HomeDemo.vue index b5bb0b8058..219d4e37c4 100644 --- a/docs/components/home/HomeDemo.vue +++ b/docs/components/home/HomeDemo.vue @@ -1,105 +1,175 @@ + + - diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 6a73da339b..43a7acf387 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -122,7 +122,7 @@ importers: version: 1.1.12 '@iconify-json/simple-icons': specifier: latest - version: 1.1.69 + version: 1.1.70 '@nuxt/content': specifier: ^2.8.2 version: 2.8.2(rollup@3.28.1)(vue@3.3.4) @@ -1063,8 +1063,8 @@ packages: dependencies: '@iconify/types': 2.0.0 - /@iconify-json/simple-icons@1.1.69: - resolution: {integrity: sha512-NkWhAj8irGjI4cleB1rVukLd1MZZwq2GN6bQa+NSjn9ZNnEWv3SVHcDDiUPVX7PK1EUyAETwaCKINUa25tzjhg==} + /@iconify-json/simple-icons@1.1.70: + resolution: {integrity: sha512-YZoHn180s0PELhjlMMTMVG8FxQOfP3AIn7P6KNV8xONzt/GwqMkYQ92DNYZbvSyQ4NhRajm27YkaOeSwNusr7A==} dependencies: '@iconify/types': 2.0.0 dev: true From d36d2cf42ec1ef83d3b62146f166bf7904f85ecd Mon Sep 17 00:00:00 2001 From: Florent Delerue Date: Mon, 11 Sep 2023 20:12:00 +0200 Subject: [PATCH 2/3] fix: linter --- docs/components/home/HomeDemo.vue | 57 ++++++++++++++++++++----------- 1 file changed, 38 insertions(+), 19 deletions(-) diff --git a/docs/components/home/HomeDemo.vue b/docs/components/home/HomeDemo.vue index 219d4e37c4..801b00fa0f 100644 --- a/docs/components/home/HomeDemo.vue +++ b/docs/components/home/HomeDemo.vue @@ -17,7 +17,7 @@ const { stop } = useIntersectionObserver( ([{ isIntersecting }], observerElement) => { sectionVisible.value = isIntersecting }, - { threshold: 0.3 }, + { threshold: 0.3 } ) onMounted(() => animate()) @@ -30,28 +30,45 @@ watch(sectionVisible, () => {