svcm/oa
1
0
Fork 0
mirror of https://git.hmsn.ink/kospo/svcm/oa.git synced 2026-03-20 07:03:41 +09:00
Code Issues Packages Projects Releases Wiki Activity

first

Browse Source
This commit is contained in:
bangae1
2025-05-24 01:49:48 +09:00
commit 62abbcf4eb
2376 changed files with 325522 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
documentation/plugins/credit-card/v-credit-card-documentation.md Normal file
View File

@@ -0,0 +1,46 @@
---
state:
flipped: false
---
### VCreditCard
Vuero ships with the `<VCreditCard />` component, a custom credit card
previewer. Check the code for more details.
<!--code-->
```vue
<script setup lang="ts">
const flipped = ref(null)
</script>
<template>
<VField>
<VControl>
<VCreditCard
color="grey"
:flipped="flipped"
@flip="flipped = !flipped"
/>
</VControl>
</VField>
</template>
```
<!--/code-->
<!--example-->
<VField class="credit-card">
<VControl>
<VCreditCard
color="grey"
:flipped="frontmatter.state.flipped"
@flip="frontmatter.state.flipped = !frontmatter.state.flipped"
/>
</VControl>
</VField>
<!--/example-->

17
documentation/plugins/credit-card/v-credit-card-props-documentation.md Normal file
View File

@@ -0,0 +1,17 @@
---
disable_code: true
slimscroll: true
---
### VCreditCard Props
Here is the full props available for `<VCreditCard />` component:
| Props | Default | Type |
| ------- | ---------------------------------------------------- | --------------------------------------------------------------------------------- |
| number | <span class="is-string">`0123 4567 8910 1112`</span> | string |
| name | <span class="is-string">`JOHN DOE`</span> | string |
| expiry | <span class="is-string">`01/23`</span> | string |
| cvc | <span class="is-string">`987`</span> | string |
| color | <span class="is-string">`grey`</span> | `grey`, `green`, `lime`, `orange`, `purple`, `red`, `yellow`, `lightblue`, `cyan` |
| flipped | <span class="is-boolean">`false`</span> | boolean |