<div id="treeview">
  <input type="text" name="<%= try(:name) %>" size="48" v-model="path" />
  <div class="dirs">
    <span v-repeat="currentDirs">
      <span v-if="$index > 0">
        <%= icon('fa-caret-right') %>
      </span>
      <span v-on="click: selectPath($value)" class="dir">
        {{ basename($value) }}
      </span>
    </span>
  </div>
  <div class="tree">
    <pre>
<span v-on="click: selectPath(path)" class="vue-path" v-class="selected: isSelected(path)" v-repeat="paths"><span
  v-if="is_dir"><%= icon("fa-folder") %></span><span
  v-if="!is_dir"><%= icon("fa-file-o") %></span>{{ basename(path) }}
</span></pre>
  </div>

  <pre v-if="preview" class="preview">{{ preview }}</pre>
</div>

<div id="treeview">
  <input type="text" name="<%= try(:name) %>" size="48" v-model="path" disabled />
  <div class="dirs">
    <span v-repeat="currentDirs">
      <span v-if="$index > 0">
        <%= icon('fa-caret-right') %>
      </span>
      <span v-on="click: selectPath($value)" class="dir">
        {{ basename($value) }}
      </span>
    </span>
  </div>
  <div class="tree">
    <pre>
<span v-on="click: selectPath(path)" class="vue-path" v-class="selected: isSelected(path)" v-repeat="paths"><span
  v-if="is_dir"><%= icon("fa-folder") %></span><span
  v-if="!is_dir"><%= icon("fa-file-o") %></span>{{ basename(path) }}
</span></pre>
  </div>

  <pre v-if="preview" class="preview">{{ preview }}</pre>
</div>

Fix to disabled <input> of path
Fix to disabled <input> of path
