Introduction

This document is mainly used to describe some features and usage of the uuid utility.

randomUUID

Generate a string that follows the UUID v4 standard

Show code

<template>
  <ShadcnText>UUID: {{ uuid }}</ShadcnText>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { randomUUID } from 'view-shadcn-ui'

const uuid = ref(randomUUID())
</script>

validateUUID

Verify if a string follows the UUID v4 standard

Show code

<template>
  <ShadcnText>Verify UUID: {{ verifyUUIDResult }}</ShadcnText>

  <ShadcnButton @click="verifyUUID('4000051c-3ae9-40df-b49a-d2aefa499a60')">Verify UUID</ShadcnButton>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { validateUUID } from 'view-shadcn-ui'

const verifyUUIDResult = ref(false)
const verifyUUID = (value) => {
    verifyUUIDResult.value = validateUUID(value)
}
</script>