@domyjs/domy 1.0.0
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 +53 -0
- package/assets/domy-358x358.png +0 -0
- package/assets/domy-500x500.png +0 -0
- package/dist/index.d.ts +944 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -0
- package/package.json +34 -0
package/README.md
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
<p align="center"><img src="./assets/domy-358x358.png" alt="Domy logo" width="150" style="display:block; margin:auto;"></p>
|
|
2
|
+
|
|
3
|
+
# Domy
|
|
4
|
+
|
|
5
|
+
A lightweight and minimal JavaScript framework for your frontend that mixes AlpineJS and VueJS perfectly.
|
|
6
|
+
|
|
7
|
+
# π Features
|
|
8
|
+
|
|
9
|
+
- Lightweight and fast
|
|
10
|
+
- Reactive data binding
|
|
11
|
+
- Component-based architecture
|
|
12
|
+
- Easy to integrate with existing projects
|
|
13
|
+
- No virtual DOM
|
|
14
|
+
|
|
15
|
+
# π Documentation
|
|
16
|
+
|
|
17
|
+
Check out the [official documentation](https://domyjs.github.io/domy/) for detailed instructions on how to get started with Domy.
|
|
18
|
+
|
|
19
|
+
# Installation
|
|
20
|
+
|
|
21
|
+
```
|
|
22
|
+
$ npm install @domyjs/domy
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
or with the cdn
|
|
26
|
+
|
|
27
|
+
```html
|
|
28
|
+
<script src="https://unpkg.com/@domyjs/domy@1.x.x"></script>
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
# π Usage
|
|
32
|
+
|
|
33
|
+
Hereβs a quick example to get you started:
|
|
34
|
+
|
|
35
|
+
```html
|
|
36
|
+
<html>
|
|
37
|
+
<head>
|
|
38
|
+
<title>My Counter!</title>
|
|
39
|
+
<script src="https://unpkg.com/@domyjs/domy@1.x.x"></script>
|
|
40
|
+
</head>
|
|
41
|
+
|
|
42
|
+
<body>
|
|
43
|
+
<div d-scope="{ count: 0 }">
|
|
44
|
+
<p>Count: {{ count }}</p>
|
|
45
|
+
<button @click="count++">Increment</button>
|
|
46
|
+
</div>
|
|
47
|
+
</body>
|
|
48
|
+
|
|
49
|
+
<script>
|
|
50
|
+
DOMY.createApp().mount();
|
|
51
|
+
</script>
|
|
52
|
+
</html>
|
|
53
|
+
```
|
|
Binary file
|
|
Binary file
|