@vue-interface/badge 1.1.0 → 2.0.0-beta.0

package/dist/badge.es.js

@@ -1,87 +1,27 @@
-var Variant = {
+import { openBlock as s, createBlock as o, resolveDynamicComponent as c, normalizeClass as f, withCtx as l, renderSlot as h } from "vue";
+const p = {
   props: {
+    componentPrefix: String,
     variant: String,
-    variantPrefix: {
-      type: String,
-      default() {
-        return this.$options.name && this.$options.name.toLowerCase();
-      }
-    }
+    variantPrefix: String
   },
   computed: {
     variantClassPrefix() {
-      return this.variantPrefix;
+      return this.variantPrefix || this.componentPrefix;
+    },
+    hasVariantPrefix() {
+      return this.variant && !!this.variant.match(
+        new RegExp(`^${this.variantClassPrefix}`)
+      );
     },
     variantClass() {
-      if (!this.variant || !this.variantClassPrefix) {
-        return "";
-      }
-      return `${this.variantClassPrefix}-${this.variant}`;
-    }
-  }
-};
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(_vm.component || _vm.type, { tag: "component", staticClass: "badge", class: _vm.classes, attrs: { "href": _vm.href, "to": _vm.to } }, [_vm._t("default")], 2);
-};
-var staticRenderFns = [];
-function normalizeComponent(scriptExports, render2, staticRenderFns2, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
-  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
-  if (render2) {
-    options.render = render2;
-    options.staticRenderFns = staticRenderFns2;
-    options._compiled = true;
-  }
-  if (functionalTemplate) {
-    options.functional = true;
-  }
-  if (scopeId) {
-    options._scopeId = "data-v-" + scopeId;
-  }
-  var hook;
-  if (moduleIdentifier) {
-    hook = function(context) {
-      context = context || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== "undefined") {
-        context = __VUE_SSR_CONTEXT__;
-      }
-      if (injectStyles) {
-        injectStyles.call(this, context);
-      }
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier);
-      }
-    };
-    options._ssrRegister = hook;
-  } else if (injectStyles) {
-    hook = shadowMode ? function() {
-      injectStyles.call(this, (options.functional ? this.parent : this).$root.$options.shadowRoot);
-    } : injectStyles;
-  }
-  if (hook) {
-    if (options.functional) {
-      options._injectStyles = hook;
-      var originalRender = options.render;
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context);
-        return originalRender(h, context);
-      };
-    } else {
-      var existing = options.beforeCreate;
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+      return this.variant ? !this.variantClassPrefix || this.hasVariantPrefix ? this.variant : `${this.variantClassPrefix}-${this.variant}` : "";
     }
   }
-  return {
-    exports: scriptExports,
-    options
-  };
-}
-const __vue2_script = {
+}, u = {
   name: "Badge",
   mixins: [
-    Variant
+    p
   ],
   props: {
     component: String,
@@ -94,35 +34,39 @@ const __vue2_script = {
     }
   },
   computed: {
+    classes() {
+      return [
+        "badge-pill",
+        "badge-secondary",
+        this.variantClass
+      ];
+    },
     type() {
-      if (this.to) {
-        return "router-link";
-      }
-      if (this.href) {
-        return "a";
-      }
-      return "span";
+      return this.to ? "router-link" : this.href ? "a" : "span";
     },
     variantClass() {
       return `bg-${this.variant}`;
-    },
-    classes() {
-      return {
-        "badge-pill": this.pill,
-        "badge-secondary": this.secondary,
-        [this.variantClass]: !!this.variant
-      };
     }
   }
+}, v = (r, a) => {
+  const t = r.__vccOpts || r;
+  for (const [e, n] of a)
+    t[e] = n;
+  return t;
 };
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, null, null, null);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function m(r, a, t, e, n, i) {
+  return s(), o(c(t.component || i.type), {
+    href: t.href,
+    to: t.to,
+    class: f(["badge", i.classes])
+  }, {
+    default: l(() => [
+      h(r.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["href", "to", "class"]);
 }
-var Badge = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export { Badge };
+const g = /* @__PURE__ */ v(u, [["render", m]]);
+export {
+  g as Badge
+};

package/dist/badge.umd.js

@@ -1 +1 @@
-(function(a,s){typeof exports=="object"&&typeof module!="undefined"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(a=typeof globalThis!="undefined"?globalThis:a||self,s(a.Badge={}))})(this,function(a){"use strict";var s={props:{variant:String,variantPrefix:{type:String,default(){return this.$options.name&&this.$options.name.toLowerCase()}}},computed:{variantClassPrefix(){return this.variantPrefix},variantClass(){return!this.variant||!this.variantClassPrefix?"":`${this.variantClassPrefix}-${this.variant}`}}},h=function(){var e=this,i=e.$createElement,f=e._self._c||i;return f(e.component||e.type,{tag:"component",staticClass:"badge",class:e.classes,attrs:{href:e.href,to:e.to}},[e._t("default")],2)},v=[];function c(e,i,f,y,o,u,d,S){var t=typeof e=="function"?e.options:e;i&&(t.render=i,t.staticRenderFns=f,t._compiled=!0),y&&(t.functional=!0),u&&(t._scopeId="data-v-"+u);var r;if(d?(r=function(n){n=n||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!n&&typeof __VUE_SSR_CONTEXT__!="undefined"&&(n=__VUE_SSR_CONTEXT__),o&&o.call(this,n),n&&n._registeredComponents&&n._registeredComponents.add(d)},t._ssrRegister=r):o&&(r=S?function(){o.call(this,(t.functional?this.parent:this).$root.$options.shadowRoot)}:o),r)if(t.functional){t._injectStyles=r;var b=t.render;t.render=function(T,_){return r.call(_),b(T,_)}}else{var p=t.beforeCreate;t.beforeCreate=p?[].concat(p,r):[r]}return{exports:e,options:t}}const m={name:"Badge",mixins:[s],props:{component:String,href:String,pill:Boolean,to:[Object,String],variant:{type:String,default:"primary"}},computed:{type(){return this.to?"router-link":this.href?"a":"span"},variantClass(){return`bg-${this.variant}`},classes(){return{"badge-pill":this.pill,"badge-secondary":this.secondary,[this.variantClass]:!!this.variant}}}},l={};var g=c(m,h,v,!1,C,null,null,null);function C(e){for(let i in l)this[i]=l[i]}var $=function(){return g.exports}();a.Badge=$,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.Badge={},e.Vue))})(this,function(e,t){"use strict";const f={name:"Badge",mixins:[{props:{componentPrefix:String,variant:String,variantPrefix:String},computed:{variantClassPrefix(){return this.variantPrefix||this.componentPrefix},hasVariantPrefix(){return this.variant&&!!this.variant.match(new RegExp(`^${this.variantClassPrefix}`))},variantClass(){return this.variant?!this.variantClassPrefix||this.hasVariantPrefix?this.variant:`${this.variantClassPrefix}-${this.variant}`:""}}}],props:{component:String,href:String,pill:Boolean,to:[Object,String],variant:{type:String,default:"primary"}},computed:{classes(){return["badge-pill","badge-secondary",this.variantClass]},type(){return this.to?"router-link":this.href?"a":"span"},variantClass(){return`bg-${this.variant}`}}},c=(n,i)=>{const r=n.__vccOpts||n;for(const[a,s]of i)r[a]=s;return r};function l(n,i,r,a,s,o){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.component||o.type),{href:r.href,to:r.to,class:t.normalizeClass(["badge",o.classes])},{default:t.withCtx(()=>[t.renderSlot(n.$slots,"default")]),_:3},8,["href","to","class"])}const u=c(f,[["render",l]]);e.Badge=u,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-interface/badge",
-  "version": "1.1.0",
+  "version": "2.0.0-beta.0",
   "description": "A Vue badge component.",
   "files": [
     "index.js",
@@ -37,24 +37,26 @@
   "bugs": {
     "url": "https://github.com/vue-interface/badge/issues"
   },
-  "homepage": "https://github.com/vue-interface/badge/docs#readme",
+  "homepage": "https://github.com/vue-interface/badge",
   "dependencies": {
-    "@vue-interface/variant": "^1.3.0",
-    "vue": "^2.6.14"
+    "@vue-interface/variant": "^2.0.0-beta.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@rollup/plugin-babel": "^5.3.0",
-    "autoprefixer": "^10.4.2",
+    "@rollup/plugin-babel": "^6.0.0",
+    "@vitejs/plugin-vue": "^3.0.3",
+    "autoprefixer": "^10.4.8",
     "babel-eslint": "^10.1.0",
     "babel-preset-vue": "^2.0.2",
     "change-case": "^4.1.2",
-    "eslint": "^6.7.2",
-    "eslint-plugin-vue": "^6.2.2",
+    "eslint": "^8.22.0",
+    "eslint-plugin-vue": "^9.4.0",
     "pascalcase": "^2.0.0",
-    "postcss": "^8.4.6",
-    "tailwindcss": "^3.0.0",
-    "vite": "^2.7.2",
-    "vite-plugin-vue2": "^1.9.3",
-    "vue-router": "^3.5.3"
+    "postcss": "^8.4.16",
+    "tailwindcss": "^3.1.8",
+    "vite": "^3.0.9",
+    "vue": "^3.2.37"
   }
 }

package/src/Badge.vue

@@ -9,7 +9,7 @@
     </component>
 </template>
 
-<script>
+<script lang="ts">
 import { Variant } from '@vue-interface/variant';
 
 export default {
@@ -63,6 +63,19 @@ export default {
 
     computed: {
 
+        /**
+         * Get the button classes.
+         * 
+         * @property {string}
+         */
+         classes(): Array<string> {
+            return [
+                'badge-pill',
+                'badge-secondary',
+                this.variantClass
+            ];
+        },
+
         type() {
             if(this.to) {
                 return 'router-link';
@@ -78,14 +91,6 @@ export default {
         variantClass() {
             return `bg-${this.variant}`;
         },
-
-        classes() {
-            return {
-                'badge-pill': this.pill,
-                'badge-secondary': this.secondary,
-                [this.variantClass]: !!this.variant,
-            };
-        }
     }
 };
 </script>