@burh/nuxt-core 1.0.5 → 1.0.7

package/components/argon-core/Breadcrumb/Breadcrumb.vue

@@ -1,26 +1,26 @@
-<template>
-  <nav aria-label="breadcrumb">
-    <ol class="breadcrumb"
-        :class="[{[`bg-${type}`]: type}, listClasses]">
-      <slot></slot>
-    </ol>
-  </nav>
-</template>
-<script>
-export default {
-  name: 'breadcrumb',
-  props: {
-    type: {
-      type: String,
-      default: '',
-      description: 'Breadcrumb background type'
-    },
-    listClasses: {
-      type: [String, Object],
-      default: '',
-      description: 'Breadcrumb list classes'
-    }
-  }
-};
-</script>
-<style></style>
+<template>
+  <nav aria-label="breadcrumb">
+    <ol class="breadcrumb"
+        :class="[{[`bg-${type}`]: type}, listClasses]">
+      <slot></slot>
+    </ol>
+  </nav>
+</template>
+<script>
+export default {
+  name: 'breadcrumb',
+  props: {
+    type: {
+      type: String,
+      default: '',
+      description: 'Breadcrumb background type'
+    },
+    listClasses: {
+      type: [String, Object],
+      default: '',
+      description: 'Breadcrumb list classes'
+    }
+  }
+};
+</script>
+<style></style>

package/components/argon-core/Breadcrumb/BreadcrumbItem.vue

@@ -1,16 +1,16 @@
-<template>
-  <li class="breadcrumb-item" :class="{ active: active }"><slot></slot></li>
-</template>
-<script>
-export default {
-  name: 'breadcrumb-item',
-  props: {
-    active: {
-      type: Boolean,
-      default: false,
-      description: 'Whether breadcrumb item is active'
-    }
-  }
-};
-</script>
-<style></style>
+<template>
+  <li class="breadcrumb-item" :class="{ active: active }"><slot></slot></li>
+</template>
+<script>
+export default {
+  name: 'breadcrumb-item',
+  props: {
+    active: {
+      type: Boolean,
+      default: false,
+      description: 'Whether breadcrumb item is active'
+    }
+  }
+};
+</script>
+<style></style>

package/components/argon-core/Breadcrumb/RouteBreadcrumb.vue

@@ -1,45 +1,45 @@
-<template>
-  <no-ssr>
-    <bread-crumb list-classes="breadcrumb-links breadcrumb-dark">
-      <BreadCrumbItem>
-        <nuxt-link to="/" aria-label="Home">
-          <i class="fas fa-home"></i>
-        </nuxt-link>
-      </BreadCrumbItem>
-      <BreadCrumbItem
-        v-for="(route, index) in $route.matched.slice()"
-        :key="route.name"
-        :active="index === $route.matched.length - 1"
-        style="display:inline-block"
-      >
-        <nuxt-link
-          :to="{ name: route.name }"
-          v-if="index < $route.matched.length - 1"
-        >
-          {{ route.name }}
-        </nuxt-link>
-        <span v-else>{{ route.name }}</span>
-      </BreadCrumbItem>
-    </bread-crumb>
-  </no-ssr>
-</template>
-
-<script>
-  import BreadCrumb from './Breadcrumb';
-  import BreadCrumbItem from './BreadcrumbItem';
-
-  export default {
-    name: 'route-breadcrumb',
-    components: {
-      BreadCrumb,
-      BreadCrumbItem
-    },
-    methods: {
-      getBreadName(route) {
-        return route.name;
-      }
-    }
-  };
-</script>
-
-<style scoped></style>
+<template>
+  <no-ssr>
+    <bread-crumb list-classes="breadcrumb-links breadcrumb-dark">
+      <BreadCrumbItem>
+        <nuxt-link to="/" aria-label="Home">
+          <i class="fas fa-home"></i>
+        </nuxt-link>
+      </BreadCrumbItem>
+      <BreadCrumbItem
+        v-for="(route, index) in $route.matched.slice()"
+        :key="route.name"
+        :active="index === $route.matched.length - 1"
+        style="display:inline-block"
+      >
+        <nuxt-link
+          :to="{ name: route.name }"
+          v-if="index < $route.matched.length - 1"
+        >
+          {{ route.name }}
+        </nuxt-link>
+        <span v-else>{{ route.name }}</span>
+      </BreadCrumbItem>
+    </bread-crumb>
+  </no-ssr>
+</template>
+
+<script>
+  import BreadCrumb from './Breadcrumb';
+  import BreadCrumbItem from './BreadcrumbItem';
+
+  export default {
+    name: 'route-breadcrumb',
+    components: {
+      BreadCrumb,
+      BreadCrumbItem
+    },
+    methods: {
+      getBreadName(route) {
+        return route.name;
+      }
+    }
+  };
+</script>
+
+<style scoped></style>

package/components/argon-core/ButtonCheckbox.vue

@@ -1,39 +1,39 @@
-<template>
-  <div class="btn-group-toggle" data-toggle="buttons">
-    <label class="btn" :class="[{ active: value }, buttonClasses]">
-      <input v-model="model" type="checkbox" checked="" autocomplete="off">
-      <slot></slot>
-    </label>
-  </div>
-</template>
-<script>
-  export default {
-    name: 'button-checkbox',
-    props: {
-      value: {
-        type: Boolean,
-        description: 'Checked value'
-      },
-      buttonClasses: {
-        type: [String, Object],
-        description: 'Inner button css classes'
-      }
-    },
-    model: {
-      prop: 'value',
-      event: 'change'
-    },
-    computed: {
-      model: {
-        get() {
-          return this.value
-        },
-        set(val) {
-          this.$emit('change', val)
-        }
-      }
-    }
-  }
-</script>
-<style>
-</style>
+<template>
+  <div class="btn-group-toggle" data-toggle="buttons">
+    <label class="btn" :class="[{ active: value }, buttonClasses]">
+      <input v-model="model" type="checkbox" checked="" autocomplete="off">
+      <slot></slot>
+    </label>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'button-checkbox',
+    props: {
+      value: {
+        type: Boolean,
+        description: 'Checked value'
+      },
+      buttonClasses: {
+        type: [String, Object],
+        description: 'Inner button css classes'
+      }
+    },
+    model: {
+      prop: 'value',
+      event: 'change'
+    },
+    computed: {
+      model: {
+        get() {
+          return this.value
+        },
+        set(val) {
+          this.$emit('change', val)
+        }
+      }
+    }
+  }
+</script>
+<style>
+</style>

package/components/argon-core/ButtonRadioGroup.vue

@@ -1,47 +1,47 @@
-<template>
-  <div class="btn-group-toggle" data-toggle="buttons">
-    <label v-for="(option, index) in options"
-           :key="index"
-           class="btn"
-           :class="[{ active: value === option.value }, buttonClasses]">
-      <input :value="option.value" v-model="model" type="radio" id="option1" autocomplete="off" checked="">
-      {{option.label}}
-    </label>
-  </div>
-</template>
-<script>
-  export default {
-    name: 'button-radio-group',
-    props: {
-      options: {
-        type: Array,
-        description: 'Radio options. Should be an array of objects {value: "", label: ""}',
-        default: () => []
-      },
-      value: {
-        type: String,
-        description: 'Radio value'
-      },
-      buttonClasses: {
-        type: [String, Object],
-        description: 'Inner button css classes'
-      }
-    },
-    model: {
-      prop: 'value',
-      event: 'change'
-    },
-    computed: {
-      model: {
-        get() {
-          return this.value
-        },
-        set(val) {
-          this.$emit('change', val)
-        }
-      }
-    }
-  }
-</script>
-<style>
-</style>
+<template>
+  <div class="btn-group-toggle" data-toggle="buttons">
+    <label v-for="(option, index) in options"
+           :key="index"
+           class="btn"
+           :class="[{ active: value === option.value }, buttonClasses]">
+      <input :value="option.value" v-model="model" type="radio" id="option1" autocomplete="off" checked="">
+      {{option.label}}
+    </label>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'button-radio-group',
+    props: {
+      options: {
+        type: Array,
+        description: 'Radio options. Should be an array of objects {value: "", label: ""}',
+        default: () => []
+      },
+      value: {
+        type: String,
+        description: 'Radio value'
+      },
+      buttonClasses: {
+        type: [String, Object],
+        description: 'Inner button css classes'
+      }
+    },
+    model: {
+      prop: 'value',
+      event: 'change'
+    },
+    computed: {
+      model: {
+        get() {
+          return this.value
+        },
+        set(val) {
+          this.$emit('change', val)
+        }
+      }
+    }
+  }
+</script>
+<style>
+</style>

package/components/argon-core/Cards/Card.vue

@@ -1,72 +1,72 @@
-<template>
-  <div class="card"
-       :class="[
-         {'card-lift--hover': hover},
-         {'shadow': shadow},
-         {[`shadow-${shadowSize}`]: shadowSize},
-         {[`bg-gradient-${gradient}`]: gradient},
-         {[`bg-${type}`]: type}
-       ]">
-
-    <slot name="image"></slot>
-    <div class="card-header" :class="headerClasses" v-if="$slots.header">
-      <slot name="header">
-      </slot>
-    </div>
-    <div class="card-body" :class="bodyClasses" v-if="!noBody">
-      <slot></slot>
-    </div>
-
-    <slot v-if="noBody"></slot>
-
-    <div class="card-footer" :class="footerClasses" v-if="$slots.footer">
-      <slot name="footer"></slot>
-    </div>
-  </div>
-</template>
-<script>
-  export default {
-    name: "card",
-    props: {
-      type: {
-        type: String,
-        description: "Card type"
-      },
-      gradient: {
-        type: String,
-        description: "Card background gradient type (warning,danger etc)"
-      },
-      hover: {
-        type: Boolean,
-        description: "Whether card should move on hover"
-      },
-      shadow: {
-        type: Boolean,
-        description: "Whether card has shadow"
-      },
-      shadowSize: {
-        type: String,
-        description: "Card shadow size"
-      },
-      noBody: {
-        type: Boolean,
-        default: false,
-        description: "Whether card should have wrapper body class"
-      },
-      bodyClasses: {
-        type: [String, Object, Array],
-        description: "Card body css classes"
-      },
-      headerClasses: {
-        type: [String, Object, Array],
-        description: "Card header css classes"
-      },
-      footerClasses: {
-        type: [String, Object, Array],
-        description: "Card footer css classes"
-      }
-    }
-  };
-</script>
-<style>
-</style>
+<template>
+  <div class="card"
+       :class="[
+         {'card-lift--hover': hover},
+         {'shadow': shadow},
+         {[`shadow-${shadowSize}`]: shadowSize},
+         {[`bg-gradient-${gradient}`]: gradient},
+         {[`bg-${type}`]: type}
+       ]">
+
+    <slot name="image"></slot>
+    <div class="card-header" :class="headerClasses" v-if="$slots.header">
+      <slot name="header">
+      </slot>
+    </div>
+    <div class="card-body" :class="bodyClasses" v-if="!noBody">
+      <slot></slot>
+    </div>
+
+    <slot v-if="noBody"></slot>
+
+    <div class="card-footer" :class="footerClasses" v-if="$slots.footer">
+      <slot name="footer"></slot>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    name: "card",
+    props: {
+      type: {
+        type: String,
+        description: "Card type"
+      },
+      gradient: {
+        type: String,
+        description: "Card background gradient type (warning,danger etc)"
+      },
+      hover: {
+        type: Boolean,
+        description: "Whether card should move on hover"
+      },
+      shadow: {
+        type: Boolean,
+        description: "Whether card has shadow"
+      },
+      shadowSize: {
+        type: String,
+        description: "Card shadow size"
+      },
+      noBody: {
+        type: Boolean,
+        default: false,
+        description: "Whether card should have wrapper body class"
+      },
+      bodyClasses: {
+        type: [String, Object, Array],
+        description: "Card body css classes"
+      },
+      headerClasses: {
+        type: [String, Object, Array],
+        description: "Card header css classes"
+      },
+      footerClasses: {
+        type: [String, Object, Array],
+        description: "Card footer css classes"
+      }
+    }
+  };
+</script>
+<style>
+</style>

package/components/argon-core/Cards/OpportunityCard.vue

@@ -1,40 +1,40 @@
-<template>
-    <card class="opportunity-card">
-        <div class="row align-items-center justify-content-between">
-            <div class="col-auto">
-                <a :href="`${ href ? href : '#' }`" class="avatar avatar-xl rounded-circle">
-                    <img alt="Image placeholder" :src="img">
-                </a>
-            </div>
-            <div class="col-auto align-self-stretch d-flex align-items-center">
-                <base-button round class="btn-outline-primary btn-icon-only mt-0 mb-0">
-                    <span class="btn-inner--icon"><i class="far fa-heart"></i></span>
-                </base-button>
-                <base-button round class="btn-outline-primary btn-icon-only mt-0 mb-0">
-                    <span class="btn-inner--icon"><i class="far fa-share-square"></i></span>
-                </base-button>
-            </div>
-        </div>
-        <div class="row opportunity-info">
-            <div class="col-12 mt-4 d-flex flex-column">
-                <a :href="`${ href ? href : '#' }`">{{ company }}</a>
-                <h3 class="mb-0">{{ title }}</h3>
-                <p>{{ local }}</p>
-                <p class="mb-0 small mt-auto">{{ date }}</p>
-            </div>
-        </div>
-    </card>
-</template>
-<script>
-    export default {
-        name: 'opportunity-card',
-        props: {
-            href: String,
-            company: String,
-            title: String,
-            local: String,
-            date: String,
-            img: String
-        }
-    };
+<template>
+    <card class="opportunity-card">
+        <div class="row align-items-center justify-content-between">
+            <div class="col-auto">
+                <a :href="`${ href ? href : '#' }`" class="avatar avatar-xl rounded-circle">
+                    <img alt="Image placeholder" :src="img">
+                </a>
+            </div>
+            <div class="col-auto align-self-stretch d-flex align-items-center">
+                <base-button round class="btn-outline-primary btn-icon-only mt-0 mb-0">
+                    <span class="btn-inner--icon"><i class="far fa-heart"></i></span>
+                </base-button>
+                <base-button round class="btn-outline-primary btn-icon-only mt-0 mb-0">
+                    <span class="btn-inner--icon"><i class="far fa-share-square"></i></span>
+                </base-button>
+            </div>
+        </div>
+        <div class="row opportunity-info">
+            <div class="col-12 mt-4 d-flex flex-column">
+                <a :href="`${ href ? href : '#' }`">{{ company }}</a>
+                <h3 class="mb-0">{{ title }}</h3>
+                <p>{{ local }}</p>
+                <p class="mb-0 small mt-auto">{{ date }}</p>
+            </div>
+        </div>
+    </card>
+</template>
+<script>
+    export default {
+        name: 'opportunity-card',
+        props: {
+            href: String,
+            company: String,
+            title: String,
+            local: String,
+            date: String,
+            img: String
+        }
+    };
 </script>