Creating a dynamic form based on schema field from Repo, while using Vue.js

Phoenix Forum Questions / Help
,
1

Hi,

Vue is supposed to take a user template and based on its ‘schema’ field, generate a form, that takes into account all the additional options like - default value, required, placeholder etc. I will be grateful for help as I have no idea how to get started.

%Example.Users.User{
  schema: [
    %{
      "title" => "name",
      "identifier" => "name",
      "type" => "text",
      "settings" => %{
      "options" =>
      %{"default" => "test_name",
      "placeholder" => "name"}, 
      "validate" =>
      %{"min" => 5,
      "required" => []} 
      },
      "weight" => 0
     },
    %{
      "title" => "email",
      "identifier" => "email",
      "type" => "email",
      "settings" => %{"options" => [], "validate" => []},
      "weight" => 1
     },
    %{
      "title" => "description",
      "identifier" => "description",
      "type" => "text",
      "settings" => %{"options" => [], "validate" => []},
      "weight" => 2
    }
  ]
})

Thanks for your attention!