| 1 | <script setup lang="ts"> |
| 2 | import { sharedState } from '../state/shared' |
| 3 | </script> |
| 4 | |
| 5 | <template> |
| 6 | <div |
| 7 | v-if="sharedState.cursor?.style === 'cursor'" |
| 8 | class="absolute top-0 left-0 right-0 bottom-0 pointer-events-none text-xl" |
| 9 | > |
| 10 | <ph-cursor-fill |
| 11 | class="absolute stroke-white dark:stroke-black" |
| 12 | :style="{ |
| 13 | left: `${sharedState.cursor.x}%`, |
| 14 | top: `${sharedState.cursor.y}%`, |
| 15 | strokeWidth: 16, |
| 16 | }" |
| 17 | /> |
| 18 | </div> |
| 19 | </template> |
| 20 |