glass-studio-ui-pro 0.1.25 → 0.1.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -12
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
**Premium Liquid Glass UI Library for Vue 3**
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
|
|
6
6
|
|
|
7
7
|
`glass-studio-ui-pro` is a high-fidelity glassmorphism UI library designed for modern Vue 3 applications. It features advanced backdrop blur, realistic liquid distortion filters, and a sophisticated shadow engine to create stunning, premium-grade interfaces.
|
|
8
8
|
|
|
@@ -26,8 +26,6 @@ Install the library using npm or yarn:
|
|
|
26
26
|
|
|
27
27
|
```bash
|
|
28
28
|
npm install glass-studio-ui-pro
|
|
29
|
-
# OR
|
|
30
|
-
yarn add glass-studio-ui-pro
|
|
31
29
|
```
|
|
32
30
|
|
|
33
31
|
### 2. Global Setup (Recommended)
|
|
@@ -36,9 +34,8 @@ In your `main.ts` or `main.js`, register the plugin and provide your **License K
|
|
|
36
34
|
|
|
37
35
|
```typescript
|
|
38
36
|
import { createApp } from "vue";
|
|
39
|
-
import App from "./App.vue";
|
|
40
37
|
import { GlassUI } from "glass-studio-ui-pro";
|
|
41
|
-
import "glass-studio-ui-pro/style.css";
|
|
38
|
+
import "glass-studio-ui-pro/style.css";
|
|
42
39
|
|
|
43
40
|
const app = createApp(App);
|
|
44
41
|
|
|
@@ -62,7 +59,7 @@ import { CmFilters } from "glass-studio-ui-pro";
|
|
|
62
59
|
<template>
|
|
63
60
|
<div id="app">
|
|
64
61
|
<router-view />
|
|
65
|
-
<CmFilters /> <!--
|
|
62
|
+
<CmFilters /> <!-- Required for distortions -->
|
|
66
63
|
</div>
|
|
67
64
|
</template>
|
|
68
65
|
```
|
|
@@ -96,23 +93,21 @@ import { CmCard, CmButton } from "glass-studio-ui-pro";
|
|
|
96
93
|
|
|
97
94
|
This is a **Pro** version of the library. If a valid license is not detected, components will enter a "Secure Lock" state:
|
|
98
95
|
- Visuals will revert to a simplified dark aesthetic.
|
|
99
|
-
- A descriptive error message (e.g., **"LICENSE HAS EXPIRED"**) will be displayed
|
|
100
|
-
- Advanced filters and distortions will be disabled.
|
|
96
|
+
- A descriptive error message (e.g., **"LICENSE HAS EXPIRED"**) will be displayed.
|
|
101
97
|
|
|
102
|
-
You can verify your license status using the provided helper:
|
|
103
98
|
```typescript
|
|
104
99
|
import { getLicenseStatus } from "glass-studio-ui-pro";
|
|
105
100
|
|
|
106
101
|
const status = getLicenseStatus();
|
|
107
|
-
console.log(status.isValid); //
|
|
108
|
-
console.log(status.message); //
|
|
102
|
+
console.log(status.isValid); // boolean
|
|
103
|
+
console.log(status.message); // Info from API
|
|
109
104
|
```
|
|
110
105
|
|
|
111
106
|
---
|
|
112
107
|
|
|
113
108
|
## 🌍 Localization (Việt Nam)
|
|
114
109
|
|
|
115
|
-
|
|
110
|
+
Hệ thống được tối ưu mang lại trải nghiệm thị giác cao cấp với hiệu ứng bề mặt kính mờ, kính nhám và cơ chế bảo mật bản quyền chuyên nghiệp.
|
|
116
111
|
|
|
117
112
|
---
|
|
118
113
|
|