diff --git a/slides/datastar/components/Words copy.vue b/slides/datastar/components/Words copy.vue
new file mode 100644
index 0000000..87d581e
--- /dev/null
+++ b/slides/datastar/components/Words copy.vue
@@ -0,0 +1,42 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/slides/datastar/components/Words.vue b/slides/datastar/components/Words.vue
new file mode 100644
index 0000000..ad07110
--- /dev/null
+++ b/slides/datastar/components/Words.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/slides/datastar/package.json b/slides/datastar/package.json
index 212079c..23fb82b 100644
--- a/slides/datastar/package.json
+++ b/slides/datastar/package.json
@@ -11,6 +11,7 @@
"@slidev/cli": "^52.2.5",
"@slidev/theme-default": "latest",
"@slidev/theme-seriph": "latest",
- "vue": "^3.5.22"
+ "vue": "^3.5.22",
+ "vue3-word-cloud": "^1.0.4"
}
}
\ No newline at end of file
diff --git a/slides/datastar/pnpm-lock.yaml b/slides/datastar/pnpm-lock.yaml
index 27096e3..d995a4a 100644
--- a/slides/datastar/pnpm-lock.yaml
+++ b/slides/datastar/pnpm-lock.yaml
@@ -20,6 +20,9 @@ importers:
vue:
specifier: ^3.5.22
version: 3.5.22(typescript@5.9.3)
+ vue3-word-cloud:
+ specifier: ^1.0.4
+ version: 1.0.4(vue@3.5.22(typescript@5.9.3))
packages:
@@ -2646,6 +2649,11 @@ packages:
peerDependencies:
vue: ^3.2.0
+ vue3-word-cloud@1.0.4:
+ resolution: {integrity: sha512-wGHVW6qu7Nt2+vT1McQkufKOCa+MqWPNQFuFEUVFuoai5CVCZclEozv8bKuhwOVJbCLCaVkNocWJ9Hi/HfTCVQ==}
+ peerDependencies:
+ vue: ^3.x
+
vue@3.5.22:
resolution: {integrity: sha512-toaZjQ3a/G/mYaLSbV+QsQhIdMo9x5rrqIpYRObsJ6T/J+RyCSFwN2LHNVH9v8uIcljDNa3QzPVdv3Y6b9hAJQ==}
peerDependencies:
@@ -5868,6 +5876,10 @@ snapshots:
'@vue/devtools-api': 6.6.4
vue: 3.5.22(typescript@5.9.3)
+ vue3-word-cloud@1.0.4(vue@3.5.22(typescript@5.9.3)):
+ dependencies:
+ vue: 3.5.22(typescript@5.9.3)
+
vue@3.5.22(typescript@5.9.3):
dependencies:
'@vue/compiler-dom': 3.5.22
diff --git a/slides/datastar/public/galaxy.jpg b/slides/datastar/public/galaxy.jpg
new file mode 100644
index 0000000..0706395
Binary files /dev/null and b/slides/datastar/public/galaxy.jpg differ
diff --git a/slides/datastar/public/mariner.png b/slides/datastar/public/mariner.png
new file mode 100644
index 0000000..7f578fe
Binary files /dev/null and b/slides/datastar/public/mariner.png differ
diff --git a/slides/datastar/slides.md b/slides/datastar/slides.md
index b497de2..2c9477b 100644
--- a/slides/datastar/slides.md
+++ b/slides/datastar/slides.md
@@ -123,7 +123,7 @@ transition: fade-out
### Finding my combination of web technologies for a minimal viable web application.
-
+ v
- Part 1: The Database: SQLite
- Part 2: The No-ORM ORM - A very simple Data Abstraction Layer.
@@ -153,6 +153,8 @@ Since everybody knows SQLite, today just a few highlights:
- It's CTEs make SQL Turing complete.
- The SQLite CLI can be used to execute "SQL-scripts". See demo.
+\* It lacks features essential for a client-server environment, primarily multi-user concurrent write access, built-in security and user management, and some advanced data types.
+
* from my pov and for my needs and purposes
@@ -167,7 +169,7 @@ transition: fade-out
Features:
- Simplified Database Lifecycle Management.
-- Generic Data Handling.
+- A 'Record' Data Type for Generic Data Handling.
- High-Level CRUD Operations.
- Fluent Transaction API.
- Abstraction and Safety.
@@ -202,6 +204,9 @@ transition: fade-out
# Part 4: Datastar
+## Build reactive web apps that stand the test of time
+Datastar is a lightweight framework for building everything from simple sites to real-time collaborative web apps.
+
Quote Gillian Delany:
@@ -221,6 +226,10 @@ ADR, core+plugins, Signals, Ideomorph, Core-Engine, Plug-ins, SSE,
You have to control the backend, Templating, HTMX, Hypermedia, Hateoas,
Locality of behaviour,
Declarative vs. Imperative, DS conforms strictly to the web's specs.
+---
+class: default
+---
+
---
class: default