docs: add more examples of the precipitation component

[JaimeTorrealba]

No description provided.

[netlify]

✅ Deploy Preview for cientos-tresjs ready!

Name	Link
🔨 Latest commit	b3fe3e9
🔍 Latest deploy log	https://app.netlify.com/sites/cientos-tresjs/deploys/6511792f031571000818cf83
😎 Deploy Preview	https://deploy-preview-234--cientos-tresjs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[andretchen0]

Looks good! I really like having the extra examples!

I made a few suggestions. You can address them if you think they make sense. Otherwise 👍

[andretchen0]

Can we add the line highlighting here and in the other code examples? E.g.,

```vue{6}

I find that really handy.

[andretchen0]

Just a suggestion. Can we put an entire SFC here?

• Before I knew any Vue, I found it really handy to have standalone examples.
• The examples are so short – they really show off the expressiveness of Tres/Cientos.

E.g.,

```vue{3,9}
<script setup lang="ts">
import { TresCanvas } from '@tresjs/core'
import { Precipitation } from '@tresjs/cientos'
</script>

<template>
  <TresCanvas clear-color="#333">
    <TresPerspectiveCamera :position="[0, 2, 15]" />
    <Precipitation />
    <TresGridHelper :args="[10, 10]" />
  </TresCanvas>
</template>
```