refacor: update dashboard to coreui-vue changes

src/views/icons/Flags.vue

@@ -20,8 +20,8 @@
               sm="2"
               :key="key"
             >
-              <CIcon :height="42" :content="$options.iconSet[flag]"/>
-              <div>{{flag}}</div>
+              <CIcon :height="42" :content="flag"/>
+              <div>{{key}}</div>
             </CCol>
           </template>
         </CRow>
@@ -31,15 +31,15 @@
 </template>
 
 <script>
-import { iconSet } from '@coreui/icons/flags'
+import { flagSet } from '@coreui/icons'
 export default {
   name: 'Flags',
-  iconSet,
+  flagSet,
   computed: {
     // Avoid duplication caused by displaying 1x1 and 4x3 formats
     // (adding Q to name makes icon quadratic)
     displayedFlags () {
-      return Object.keys(this.$options.iconSet).filter(icon => !icon.includes('Q'))
+      return this.$options.flagSet
     }
   }
 }