From b7eb2113008d5d41d607a1c88d8b596ac8017ed3 Mon Sep 17 00:00:00 2001
From: grgr <gargaglione.erica@gmail.com>
Date: Mon, 30 May 2022 21:17:06 +0200
Subject: [PATCH] vue setup

---
 app.js                     |  0
 components/CookbookForm.js | 43 ++++++++++++++++++++++++++++++++++++++
 index.html                 | 41 ++++++++++++++++++++++++++++++++++++
 3 files changed, 84 insertions(+)
 create mode 100644 app.js
 create mode 100644 components/CookbookForm.js
 create mode 100644 index.html
diff --git a/app.js b/app.js
new file mode 100644
index 0000000..e69de29
diff --git a/components/CookbookForm.js b/components/CookbookForm.js
new file mode 100644
index 0000000..335693a
--- /dev/null
+++ b/components/CookbookForm.js
@@ -0,0 +1,43 @@
+export default {
+  name : "CookbookForm",
+  setup(){
+    const {ref}=Vue 
+
+    const title = ref('')
+    const description = ref('')
+    const nature = ref('')
+    const log = ref('')
+    const who = ref('')
+
+    return{title,description,nature,log,who}
+  },
+    template: `
+    <form action="">
+    <label for="title">Title</label>
+    <input type="text" v-model='title'/>
+
+    <label for="description">Description</label>
+    <textarea v-model="description"></textarea>
+
+    <label for="nature">Nature of the input</label>
+    <input type="text" v-model="nature" />
+
+    <label for="log">Process Log</label>
+    <textarea v-model="log"></textarea>
+
+    <label for="who">Who</label>
+    <input type="text" v-model="who" />
+  </form>
+  
+
+  <pre>
+  title:{{title}}
+  description:{{description}}
+  nature:{{nature}}
+  log:{{log}}
+  who:{{who}}
+  </pre>
+
+
+  `
+}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..def0d11
--- /dev/null
+++ b/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>diffractive reading</title>
+</head>
+<body>
+
+
+
+
+
+
+
+
+
+
+    <script src="https://unpkg.com/vue@3"></script>
+
+<div id="app"><cookbook-form></cookbook-form></div>
+
+
+<script type="module">
+    import CookbookForm from "./components/CookbookForm.js"  
+    const { createApp } = Vue
+  createApp({
+    components : {CookbookForm},
+    data() {
+      return {
+        message: 'Hello Vue!'
+      }
+    }
+  }).mount('#app')
+</script>
+
+
+    
+</body>
+</html>
\ No newline at end of file
