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

url setup

Browse Source
This commit is contained in:
David Haz
2025-07-09 10:47:01 +03:00
parent fa26b78ae0
commit d318c2eeb6
13 changed files with 181 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/code/CliInstallation.vue
View File

@@ -23,7 +23,7 @@
<p class="demo-extra-info">1. Initialize a config file for your project</p>
<div class="setup-option">
<VCodeBlock :persistent-copy-button="true" code="npx jsrepo init https://vuebits.dev" highlightjs
<VCodeBlock :persistent-copy-button="true" code="npx jsrepo init https://vue-bits.dev" highlightjs
lang="bash" theme="nord" :copy-button="true" class="code-block" />
</div>

6
src/components/landing/Hero/Hero.vue
View File

@@ -23,7 +23,7 @@
</div>
<div v-if="!isMobile" class="hero-cards-container">
<div class="hero-card hero-card-1" @click="openUrl('https://vuebits.dev/backgrounds/dot-grid')">
<div class="hero-card hero-card-1" @click="openUrl('https://vue-bits.dev/backgrounds/dot-grid')">
<div class="w-full h-full relative hero-dot-grid">
<DotGrid base-color="#ffffff" active-color="rgba(138, 43, 226, 0.9)" :dot-size="8" :gap="16"
:proximity="50" />
@@ -32,12 +32,12 @@
</div>
<div class="hero-cards-row">
<div class="hero-card hero-card-2" @click="openUrl('https://vuebits.dev/backgrounds/letter-glitch')">
<div class="hero-card hero-card-2" @click="openUrl('https://vue-bits.dev/backgrounds/letter-glitch')">
<LetterGlitch class-name="hero-glitch" :glitch-colors="['#ffffff', '#999999', '#333333']" />
<div class="placeholder-card"></div>
</div>
<div class="hero-card hero-card-3" @click="openUrl('https://vuebits.dev/backgrounds/squares')">
<div class="hero-card hero-card-3" @click="openUrl('https://vue-bits.dev/backgrounds/squares')">
<Squares border-color="#fff" :speed="0.2" direction="diagonal" hover-fill-color="#fff" />
<div class="placeholder-card"></div>
</div>

2
src/constants/code/Animations/fadeContentCode.ts
View File

@@ -2,7 +2,7 @@ import code from '@content/Animations/FadeContent/FadeContent.vue?raw'
import type { CodeObject } from '../../../types/code'
export const fadeContent: CodeObject = {
cli: `npx jsrepo add https://vuebits.dev/Animations/FadeContent`,
cli: `npx jsrepo add https://vue-bits.dev/Animations/FadeContent`,
usage: `<template>
<FadeContent
:blur="true"

2
src/constants/code/Backgrounds/dotGridCode.ts
View File

@@ -2,7 +2,7 @@ import code from '@content/Backgrounds/DotGrid/DotGrid.vue?raw'
import type { CodeObject } from '../../../types/code'
export const dotGrid: CodeObject = {
cli: `npx jsrepo add https://vuebits.dev/Backgrounds/DotGrid`,
cli: `npx jsrepo add https://vue-bits.dev/Backgrounds/DotGrid`,
installation: `npm install gsap`,
usage: `<template>
<div class="dot-grid-container">

2
src/constants/code/Components/masonryCode.ts
View File

@@ -2,7 +2,7 @@ import code from '@content/Components/Masonry/Masonry.vue?raw'
import type { CodeObject } from '../../../types/code'
export const masonry: CodeObject = {
cli: `npx jsrepo add https://vuebits.dev/Components/Masonry`,
cli: `npx jsrepo add https://vue-bits.dev/Components/Masonry`,
installation: `npm install gsap`,
usage: `<template>
<Masonry

2
src/constants/code/TextAnimations/splitTextCode.ts
View File

@@ -3,7 +3,7 @@ import code from '@content/TextAnimations/SplitText/SplitText.vue?raw'
import type { CodeObject } from '../../../types/code'
export const splitText: CodeObject = {
cli: `npx jsrepo add https://vuebits.dev/TextAnimations/SplitText`,
cli: `npx jsrepo add https://vue-bits.dev/TextAnimations/SplitText`,
installation: `npm install gsap`,
usage: `<template>
<SplitText

4
src/css/sidebar.css
View File

@@ -237,9 +237,9 @@
.category-name {
margin-bottom: 0.5rem;
font-weight: 900;
letter-spacing: -1px;
letter-spacing: -0.5px;
color: #fff;
font-size: 1rem;
font-size: 1.1rem;
}
.category-items {