atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-09 16:39:31 -06: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

21
src/demo/Components/FlowingMenuDemo.vue
View File

@@ -2,11 +2,12 @@
<div class="flowing-menu-demo">
<TabbedLayout>
<template #preview>
<div class="demo-container" style="height: 600px; overflow: hidden; padding: 100px 0;">
<div class="demo-container" style="height: 600px; overflow: hidden; padding: 100px 0">
<FlowingMenu :items="demoItems" />
</div>
<PropTable :data="propData" />
<Dependencies :dependency-list="['gsap']" />
</template>
@@ -22,13 +23,13 @@
</template>
<script setup lang="ts">
import TabbedLayout from '../../components/common/TabbedLayout.vue'
import PropTable from '../../components/common/PropTable.vue'
import Dependencies from '../../components/code/Dependencies.vue'
import CliInstallation from '../../components/code/CliInstallation.vue'
import CodeExample from '../../components/code/CodeExample.vue'
import FlowingMenu from '../../content/Components/FlowingMenu/FlowingMenu.vue'
import { flowingMenu } from '@/constants/code/Components/flowingMenuCode'
import TabbedLayout from '../../components/common/TabbedLayout.vue';
import PropTable from '../../components/common/PropTable.vue';
import Dependencies from '../../components/code/Dependencies.vue';
import CliInstallation from '../../components/code/CliInstallation.vue';
import CodeExample from '../../components/code/CodeExample.vue';
import FlowingMenu from '../../content/Components/FlowingMenu/FlowingMenu.vue';
import { flowingMenu } from '@/constants/code/Components/flowingMenuCode';
const propData = [
{
@@ -37,12 +38,12 @@ const propData = [
default: '[]',
description: 'An array of objects containing: link, text, image.'
}
]
];
const demoItems = [
{ link: '#', text: 'Mojave', image: 'https://picsum.photos/600/400?random=1' },
{ link: '#', text: 'Sonoma', image: 'https://picsum.photos/600/400?random=2' },
{ link: '#', text: 'Monterey', image: 'https://picsum.photos/600/400?random=3' },
{ link: '#', text: 'Sequoia', image: 'https://picsum.photos/600/400?random=4' }
]
];
</script>