import code from '@content/Animations/SplashCursor/SplashCursor.vue?raw';
import type { CodeObject } from '../../../types/code';

export const splashCursor: CodeObject = {
  cli: `npx jsrepo add https://vue-bits.dev/ui/Animations/SplashCursor`,
  usage: `<template>
  <SplashCursor
    :SIM_RESOLUTION="128"
    :DYE_RESOLUTION="1440"
    :CAPTURE_RESOLUTION="512"
    :DENSITY_DISSIPATION="3.5"
    :VELOCITY_DISSIPATION="2"
    :PRESSURE="0.1"
    :PRESSURE_ITERATIONS="20"
    :CURL="3"
    :SPLAT_RADIUS="0.2"
    :SPLAT_FORCE="6000"
    :SHADING="true"
    :COLOR_UPDATE_SPEED="10"
    :BACK_COLOR="{ r: 0.5, g: 0, b: 0 }"
    :TRANSPARENT="true"
  />
</template>

<script setup lang="ts">
  import SplashCursor from "./SplashCursor.vue";
</script>`,
  code
};