added variables to planetscale example

Signed-off-by: Vamshi Reddy <vamshiproject02@gmail.com>

Author: VamshiReddy02

examples/typescript/planetscale/spin.toml

@@ -5,10 +5,21 @@ authors = ["Fermyon Engineering <engineering@fermyon.com>"]
 name = "spin-planetscale"
 version = "1.0.0"
 
+[variables]
+host = { required = true, secret = true }
+username = { required = true, secret = true }
+password = { required = true, secret = true }
+
 [[trigger.http]]
 route = "/hello"
 component = "planetscale"
 
+[component.planetscale.variables]
+host = "{{ host }}"
+username = "{{ username }}"
+password = "{{ password }}"
+
+
 [component.planetscale]
 source = "target/spin-planetscale.wasm"
 allowed_outbound_hosts = ["https://aws.connect.psdb.cloud"]

examples/typescript/planetscale/src/index.ts

@@ -1,11 +1,11 @@
-import {HandleRequest, HttpRequest, HttpResponse} from "@fermyon/spin-sdk"
+import {HandleRequest, HttpRequest, HttpResponse, Config} from "@fermyon/spin-sdk"
 
 import { connect } from '@planetscale/database'
 
 const config = {
- host: '<host>',
- username: '<username>',
- password: '<password>'
+ host: Config.get("host"),
+ username: Config.get("username"),
+ password: Config.get("password")
 }
 
 const encoder = new TextEncoder()