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

fix ChromaGrid errors

Browse Source
This commit is contained in:
David Haz
2025-07-18 11:33:13 +03:00
parent 63d194ddd9
commit 992d451064
3 changed files with 118 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/demo/Components/ChromaGridDemo.vue
View File

@@ -19,55 +19,54 @@
</TabbedLayout>
</template>
<script setup>
<script setup lang="ts">
import CliInstallation from '../../components/code/CliInstallation.vue';
import CodeExample from '../../components/code/CodeExample.vue';
import Dependencies from '../../components/code/Dependencies.vue';
import PropTable from '../../components/common/PropTable.vue';
import TabbedLayout from '../../components/common/TabbedLayout.vue';
import { chromaGrid } from '../../constants/code/Components/chromaGridCode'
import ChromaGrid from '../../content/Components/ChromaGrid/ChromaGrid.vue'
import { chromaGrid } from '../../constants/code/Components/chromaGridCode';
import ChromaGrid from '../../content/Components/ChromaGrid/ChromaGrid.vue';
const propData = [
{
name: 'items',
type: 'Array',
default: 'Demo []',
description: 'Array of ChromaItem objects to display in the grid',
description: 'Array of ChromaItem objects to display in the grid'
},
{
name: 'className',
type: 'string',
default: "''",
description: 'Additional CSS classes to apply to the grid container',
description: 'Additional CSS classes to apply to the grid container'
},
{
name: 'radius',
type: 'number',
default: '300',
description: 'Size of the spotlight effect in pixels',
description: 'Size of the spotlight effect in pixels'
},
{
name: 'damping',
type: 'number',
default: '0.45',
description: 'Cursor follow animation duration in seconds',
description: 'Cursor follow animation duration in seconds'
},
{
name: 'fadeOut',
type: 'number',
default: '0.6',
description: 'Fade-out animation duration in seconds when mouse leaves',
description: 'Fade-out animation duration in seconds when mouse leaves'
},
{
name: 'ease',
type: 'string',
default: "'power3.out'",
description: 'GSAP easing function for animations',
},
]
description: 'GSAP easing function for animations'
}
];
</script>
<style scoped>