Fixed #35 // Released Version 1.12

Author: s-bauer

package.json

@@ -1,6 +1,6 @@
 {
   "name": "office-vue-fabric",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "private": false,
   "main": "dist/office-vue-fabric.umd.min.js",
   "license": "MIT",

packages/icons/index.ts

@@ -20,13 +20,19 @@ import { initializeIcons as i16 } from "./fabric-icons-16";
 
 import { registerIconAliases } from "./iconAliases";
 const DEFAULT_BASE_URL = "https://spoprod-a.akamaihd.net/files/fabric/assets/icons/";
+let isInitialized = false;
 
 export function initializeIcons(baseUrl: string = DEFAULT_BASE_URL, options?: IIconOptions): void {
   [i, i0, i1, i2, i3, i4, i5, i6, i7, i8, i9, i10, i11, i12, i13, i14, i15, i16].forEach(
     (initialize: (url: string, options?: IIconOptions) => void) => initialize(baseUrl, options)
   );
 
   registerIconAliases();
+  isInitialized = true;
+}
+
+export function areIconsInitialized(): boolean {
+  return isInitialized;
 }
 
 export { IconNames } from "./IconNames";

packages/office-ui-fabric-vue/components/Icon/OfficeIcon.vue

@@ -3,21 +3,25 @@
 </template>
 
 <script lang="ts">
+    import {areIconsInitialized, initializeIcons} from "@icons/index";
     import {getStyles} from "./OfficeIcon.styles";
     import {IconType, IOfficeIconProps} from "./OfficeIcon.types";
     import OfficeImage from "../Image/OfficeImage.vue";
     import {getIcon} from "@styling/utilities/icons";
     import {mergeStyleSets} from "@uifabric/merge-styles";
     import {Component, Prop, Vue} from "vue-property-decorator";
 
+    if(!areIconsInitialized())
+        initializeIcons();
+
     @Component({
         components: {OfficeImage}
     })
     export default class OfficeIcon extends Vue implements IOfficeIconProps {
         @Prop({type: Number, default: IconType.default}) public iconType!: IconType;
         @Prop({type: String, default: ""}) public iconName!: string;
 
-        private children: string | null | undefined = null;
+        private children?: string | null = null;
 
         private get rootType() {
             return this.isImage ? "div" : "i";