@liquid-glass-forge/vue 0.1.0-rc.1 → 0.1.0-rc.2
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 +23 -5
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -1,8 +1,26 @@
|
|
|
1
|
-
#
|
|
1
|
+
# <img src="https://raw.githubusercontent.com/namipsg/liquid-glass-forge/main/showcase/public/frameworks/vue.svg" width="20" height="20" alt=""> @liquid-glass-forge/vue
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Integrate Forge scenes and glass surfaces into Vue.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
[Live showcase](https://namipsg.github.io/liquid-glass-forge/?framework=vue#developers) · [Examples](https://namipsg.github.io/liquid-glass-forge/examples.html) · [Documentation](https://github.com/namipsg/liquid-glass-forge/blob/main/docs/PHASE-8.md) · [Support](https://namipsg.github.io/liquid-glass-forge/support.html)
|
|
6
|
+
|
|
7
|
+
## Install in Vue
|
|
8
|
+
|
|
9
|
+
```sh
|
|
10
|
+
npm install @liquid-glass-forge/vue@next @liquid-glass-forge/dom@next
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
The starter uses CSS glass and expects Vue 3.5.44. Keep the Forge packages at matching versions.
|
|
14
|
+
The [live installer](https://namipsg.github.io/liquid-glass-forge/?framework=vue#developers)
|
|
15
|
+
shows verified exact versions and has a copy button.
|
|
16
|
+
|
|
17
|
+
[Open the Vue starter](https://github.com/namipsg/liquid-glass-forge/blob/main/docs/QUICKSTART.md#vue) · [Add WebGL refraction](https://github.com/namipsg/liquid-glass-forge/blob/main/docs/QUICKSTART.md#add-webgl-refraction)
|
|
18
|
+
|
|
19
|
+
[](https://namipsg.github.io/liquid-glass-forge/?framework=vue#developers)
|
|
20
|
+
|
|
21
|
+
## Usage
|
|
22
|
+
|
|
23
|
+
Experimental preview `0.1.0-rc.2`. The pinned Vue peer is **3.5.44**.
|
|
6
24
|
Vue remains external; the package ships ESM and declarations without bundling it.
|
|
7
25
|
|
|
8
26
|
Import `GlassSurface`, `GlassSceneProvider` and `useGlassSurface` from
|
|
@@ -24,5 +42,5 @@ renderer identity changes replace the scene. Inactive changes wait for activatio
|
|
|
24
42
|
direct canvas child with decorative class/attributes. Vue owns both nodes. Do not
|
|
25
43
|
control its backing dimensions or draw into its context while attached.
|
|
26
44
|
|
|
27
|
-
See
|
|
28
|
-
verification and remaining limits.
|
|
45
|
+
See the [integration guide](https://github.com/namipsg/liquid-glass-forge/blob/main/docs/PHASE-8.md) for ownership, KeepAlive, exact Vite/Nuxt consumer
|
|
46
|
+
verification and remaining limits.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@liquid-glass-forge/vue",
|
|
3
|
-
"version": "0.1.0-rc.
|
|
3
|
+
"version": "0.1.0-rc.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -22,11 +22,12 @@
|
|
|
22
22
|
"README.md"
|
|
23
23
|
],
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@liquid-glass-forge/dom": "0.1.0-rc.
|
|
25
|
+
"@liquid-glass-forge/dom": "0.1.0-rc.2"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"vue": "3.5.44"
|
|
29
29
|
},
|
|
30
|
+
"homepage": "https://namipsg.github.io/liquid-glass-forge/?framework=vue#developers",
|
|
30
31
|
"repository": {
|
|
31
32
|
"type": "git",
|
|
32
33
|
"url": "git+https://github.com/namipsg/liquid-glass-forge.git",
|