atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-07 22:49:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add prettier config, format codebase

Browse Source
This commit is contained in:
David Haz
2025-07-12 11:59:33 +03:00
parent ac8b2c04d8
commit f4d97ee94e
211 changed files with 10586 additions and 8810 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/pages/LandingPage.vue
View File

@@ -1,44 +1,48 @@
<template>
<section class="landing-wrapper">
<div v-if="isMobile" class="mobile-hero-background-container" style="z-index: 0;">
<div v-if="isMobile" class="mobile-hero-background-container" style="z-index: 0">
<img
:src="heroImage"
alt="Hero background"
class="mobile-hero-background-image"
style="transform: translateY(-200px);"
style="transform: translateY(-200px)"
/>
</div>
<PlasmaWave :y-offset="-300" :x-offset="100" :rotation-deg="-30" />
<Hero />
<FeatureCards />
<StartBuilding />
<Footer />
</section>
</template>
<script setup lang="ts">
import { ref, onMounted, onUnmounted } from 'vue'
import Hero from '../components/landing/Hero/Hero.vue'
import PlasmaWave from '@/components/landing/PlasmaWave/PlasmaWave.vue'
import Footer from '@/components/landing/Footer/Footer.vue'
import FeatureCards from '@/components/landing/FeatureCards/FeatureCards.vue'
import StartBuilding from '@/components/landing/StartBuilding/StartBuilding.vue'
import heroImage from '@/assets/common/hero.webp'
const isMobile = ref(false)
import { ref, onMounted, onUnmounted } from 'vue';
import Hero from '../components/landing/Hero/Hero.vue';
import PlasmaWave from '@/components/landing/PlasmaWave/PlasmaWave.vue';
import Footer from '@/components/landing/Footer/Footer.vue';
import FeatureCards from '@/components/landing/FeatureCards/FeatureCards.vue';
import StartBuilding from '@/components/landing/StartBuilding/StartBuilding.vue';
import heroImage from '@/assets/common/hero.webp';
const isMobile = ref(false);
const checkIsMobile = () => {
isMobile.value = window.innerWidth <= 768
}
isMobile.value = window.innerWidth <= 768;
};
onMounted(() => {
document.title = 'Vue Bits - Animated UI Components For Vue'
window.scrollTo(0, 0)
checkIsMobile()
window.addEventListener('resize', checkIsMobile)
})
document.title = 'Vue Bits - Animated UI Components For Vue';
window.scrollTo(0, 0);
checkIsMobile();
window.addEventListener('resize', checkIsMobile);
});
onUnmounted(() => {
window.removeEventListener('resize', checkIsMobile)
})
window.removeEventListener('resize', checkIsMobile);
});
</script>