package.json

@@ -11,7 +11,6 @@
     "astro": "^4.16.8",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "vee-validate": "^4.14.7",
     "viem": "2",
     "wagmi": "^2.13.4"
   },

src/components/Button.vue

@@ -3,7 +3,7 @@
 
 <template>
     <button class="primary">
-    <slot />
+        Sign in
     </button>
 </template>
 

src/components/ContextCreate.vue

@@ -1,97 +0,0 @@
-<script setup lang="ts">
-import { Form } from "vee-validate"
-import DynamicForm from "@/components/DynamicForm.vue"
-import Button from "@/components/Button.vue"
-
-const formSchema = [{
-  label: "Context name",
-  name: "context-name",
-  as: "input",
-}, {
-  label: "Description",
-  name: "description",
-  as: "textarea",
-}, {
-  title: "Visibility",
-  defaultOption: "privacy",
-  options: [{
-    label: "Privacy",
-    name: "privacy",
-    as: "input",
-    asType: "radio",
-  }, {
-    label: "Public",
-    name: "public",
-    as: "input",
-    asType: "radio",
-  }],
-}, {
-  label: "Server address",
-  name: "server-address",
-  as: "input",
-}, {
-  label: "Choose a zod schema for data",
-  name: "types",
-  as: "input",
-  asType: "file",
-}, {
-  label: "Price (per request)",
-  name: "price",
-  as: "input",
-}, {
-  label: "Token",
-  name: "token",
-  defaultValue: "DAI",
-  as: "input",
-}]
-</script>
-
-<template>
-  <Form>
-    <h3> Create Context </h3>
-    <template v-for="element in formSchema" :key="element.name">
-      <DynamicForm v-if="element.name" :schema="element" />
-      <template v-else>
-        <span> {{ element.title }} </span>
-        <template v-for="option in element.options" :key="option.name">
-          <DynamicForm :schema="option" />
-        </template>
-      </template>
-    </template>
-    <Button>Create</Button>
-  </Form>
-</template>
-
-<style scoped>
-form {
-    display: grid;
-    color: var(--primary);
-    background: var(--darken);
-    width: 30vw;
-    gap: 20px;
-    padding: 20px 40px;
-}
-
-form > h3 {
-    font-size: 24px;
-    justify-self: center;
-}
-
-div.form-field {
-    font-size: 16px;
-    display: inline-grid;
-    gap: 5px;
-}
-
-div.form-field:has(input[type='radio']) {
-    justify-content: start;
-    grid-template-areas: "b a";
-    gap: 10px;
-    & :deep(input) {
-        grid-area: b;
-    }
-    & :deep(label) {
-        grid-area: a;
-    }
-}
-</style>

src/components/DynamicForm.vue

@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import { reactive } from "vue"
-import Input from "@/components/Input.vue"
-import Textarea from "@/components/Textarea.vue"
-
-const props = defineProps<{
-  schema: object
-}>()
-
-const field = reactive(props.schema)
-</script>
-
-<template>
-  <div class="form-field">
-    <label v-if="field.label" :for="field.name">{{ field.label }}</label>
-    <Input
-      v-if="field.as === 'input'" :id="field.name"
-      :name="field.name" :type="field.asType || 'text'"
-      :value="field.defaultValue"
-    />
-    <Textarea
-      v-if="field.as === 'textarea'"
-      maxlength="250"
-      :name="field.name"
-    />
-  </div>
-</template>
-
-<style scoped>
-</style>

src/components/Input.vue

@@ -1,11 +0,0 @@
-<script setup lang="ts">
-const inputModel = defineModel()
-</script>
-
-<template>
-  <input v-model="inputModel">
-</template>
-
-<style scoped>
-@import url("@/styles/components/inputs.css")
-</style>

src/components/Search.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import CarbonArrowRight from "@/icons/CarbonArrowRight.vue"
+    import CarbonArrowRight from '@/icons/CarbonArrowRight.vue'
-import CarbonRecentlyView from "@/icons/CarbonRecentlyViewed.vue"
+    import CarbonRecentlyView from '@/icons/CarbonRecentlyViewed.vue'
 </script>
 
 <template>
@@ -9,7 +9,7 @@ import CarbonRecentlyView from "@/icons/CarbonRecentlyViewed.vue"
             <span class="search__context-title"> context: </span>
             <span class="search__context-item"> global </span>
         </div>
-    <input type="search">
+        <input type="search" />
         <div class="search__buttons">
             <CarbonRecentlyView class="icon" />
             <CarbonArrowRight class="icon" />

src/components/Textarea.vue

@@ -1,15 +0,0 @@
-<script setup lang="ts">
-const inputModel = defineModel()
-</script>
-
-<template>
-  <textarea v-model="inputModel" />
-</template>
-
-<style scoped>
-@import url("@/styles/components/inputs.css");
-
-textarea {
-    resize: none;
-}
-</style>

src/pages/create-context.astro

@@ -1,15 +0,0 @@
----
-import Default from "@/layouts/Default.astro"
-import ContextCreate from "@/components/ContextCreate.vue"
----
-
-<Default>
-    <ContextCreate />
-</Default>
-
-<style>
-:global(main) {
-  align-items: center;
-  justify-content: center;
-}
-</style>

src/styles/components/inputs.css

@@ -1,9 +0,0 @@
-input, textarea {
-  background: var(--black);
-  outline: 0;
-  border: 1px solid var(--shadow);
-  padding: 0.5rem 0.75rem;
-  &:hover {
-    border: 1px solid var(--accent);
-  }
-}