fluidd

1
<template>
2
  <v-row :dense="$vuetify.breakpoint.smAndDown">
3
    <v-col cols="12">
4
      <h1>All configured icons</h1>
5

6
      <v-tooltip
7
        v-for="icon in icons"
8
        :key="icon"
9
        class="d-inline-block"
10
        top
11
      >
12
        <template #activator="{ attrs, on }">
13
          <v-icon
14
            v-bind="attrs"
15
            class="ma-2"
16
            v-on="on"
17
          >
18
            ${{ icon }}
19
          </v-icon>
20
        </template>
21
        {{ icon }}
22
      </v-tooltip>
23
    </v-col>
24
  </v-row>
25
</template>
26

27
<script lang="ts">
28
import { Component, Mixins } from 'vue-property-decorator'
29
import StateMixin from '@/mixins/state'
30
import { Icons } from '@/globals'
31

32
@Component({})
33
export default class Configure extends Mixins(StateMixin) {
34
  get icons () {
35
    return Object.keys(Icons)
36
  }
37
}
38
</script>
39