remove trix in favour of tiny little vue app

app/views/layouts/action_text/contents/_content.html.erb

@@ -1,3 +0,0 @@
-<div class="trix-content">
-  <%= yield -%>
-</div>

app/views/members/edit.html.haml

@@ -1,3 +1,6 @@
+= javascript_include_tag "merged/vue.min.js"
+= javascript_include_tag "marked.min.js"
+
 .flex.justify-center.m-20
   .flex.flex-col
     %h1 Editing member
@@ -11,7 +14,7 @@
               - @member.errors.full_messages.each do |message|
                 %li= message
 
-      .grid.grid-cols-2.gap-10
+      .grid.grid-cols-3.gap-10
         .field
           = f.label :name
           = f.text_field :name
@@ -21,14 +24,30 @@
         .field
           = f.label :picture
           = f.file_field :picture
+        %div
           -if @member.picture
             %div.overflow-hidden
               .my-5 Currently
               = image_tag @member.picture, class: "object-contain h-40"
-
+          -else
+            No Picture
         .field
-          = f.label :Bio
-          = f.rich_text_area :bio
+          = f.label :bio
+          = f.text_area :bio , "v-model" => "markdown"
+        .preview.prose
+          %div{"v-html" => "compiledMarkdown"}
+
       .flex.justify-center.actions.m-10
         = f.submit 'Save'
         .ml-20= link_to 'Back', member_path(@member)
+
+:ruby2js
+  class Mark < Vue
+    options el: '.grid'
+    def initialize
+      @markdown = "#{@member.bio.to_s.html_safe}"
+    end
+    def compiledMarkdown
+      marked.parse(@markdown)
+    end
+  end

app/views/members/show.html.haml

@@ -5,10 +5,10 @@
   %div
     %b Public:
     = @member.public
-  %div.overflow-hidden.items-align-right
-    = image_tag @member.picture, class: "object-contain h-80"
-  %div
-    %div= @member.bio
+  -if @member.picture
+    %div.overflow-hidden.items-align-right
+      = image_tag @member.picture, class: "object-contain h-80"
+  %div.prose= markdown(@member.bio)
 
   = link_to 'Edit', edit_member_path(@member)
   = form_tag( destroy_member_session_path , {method: :delete  } ) do