vue-nodegui-starter/App.vue at master · nodegui/vue-nodegui-starter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<template>
  <vn-view>
    <hero />
    <vn-view id="counter" :styleSheet="counterStyle">
      <vn-text>Counter: {{count}}</vn-text>
      <vn-button @clicked="inc">Inc</vn-button>
    </vn-view>
  </vn-view>
</template>

<script>
import Hero from './Hero.vue';
import { ref } from '@nodegui/vue-nodegui';

export default {
  components: { Hero },
  setup() {
    const count = ref(0);
    const inc = () => {
      count.value++;
    }

    return {
      inc,
      count,
      counterStyle: `
        #counter {
          flex-direction: row;
          align-items: 'center';
          justify-content: 'center';
        }
      `
    }
  }
}
</script>