MatthewNichols

<div id="app">
    <button @click="showDialog">Show Dialog</button>
    
    <!-- transition block sets up to apply classes when the nested v-if changes state -->
    <transition name="dialog">
      <div v-if="dialogShowing" class="dialog">
        <div class="dialog-header">
          <div class="dialog-title">A Dialog</div>
          <button class="icon-button" @click="hideDialog">
            <svg style="width:24px;height:24px" viewBox="0 0 24 24">

MatthewNichols

‎‎​

MatthewNichols

// To view the default settings, hold "alt" while clicking on the "Settings" button.
// For documentation on these settings, see: https://aka.ms/terminal-documentation

{
    "$schema": "https://aka.ms/terminal-profiles-schema",

    "initialCols":  120,
    "initialRows":  30,

MatthewNichols

$ ->
    data =
        name: "Bob's Car Sales"
        identifier: 1
        selected: false
        childrenOpen: true
        children: [
            {
                name: "Bob's Car Parts"
                identifier: 2