@carbon/vue 3.0.9-alpha.0 → 3.0.9

package/README.md

@@ -1,6 +1,6 @@
 # @carbon/vue-3
 
-<p align="center">
+<p>
   <a href="https://github.com/carbon-design-system/carbon/blob/master/LICENSE">
     <img src="https://img.shields.io/badge/license-Apache--2.0-blue.svg" alt="Carbon is released under the Apache-2.0 license" />
   </a>
@@ -13,6 +13,9 @@
   <a href="https://github.com/carbon-design-system/carbon/blob/master/.github/CONTRIBUTING.md">
     <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome" />
   </a>
+  <a href="https://discord.gg/J7JEUEkTRX">
+      <img src="https://img.shields.io/discord/689212587170201628?color=5865F2" alt="Chat with us on Discord">
+  </a>
 </p>
 
 > Vue implementation of the Carbon Design System
@@ -26,34 +29,70 @@ The [library](http://vue.carbondesignsystem.com/) provides front-end developers
 
 As a community project contributions are not only welcome, but essential for the maintenance and growth of this project.
 
-### Vue 3 Guidance
+## Install
+
+```shell
+npm add @carbon/vue
+```
+
+or
+
+```shell
+$ yarn add @carbon/vue
+```
+
+### Add to Vue project
+
+`src/main.js`
+
+```js
+import CarbonVue3 from '@carbon/vue';
+import App from './App.vue';
+const app = createApp(App);
+app.use(CarbonVue3);
+app.mount('#app');
+```
+
+See [Hello Carbon Vue](https://github.com/IBM/hello-carbon-vue3) for an example Vue project with Carbon.
+
+### Add to Nuxt project
+
+`plugins/carbon-vue.js`
+
+```js
+import CarbonVue from '@carbon/vue'
+
+export default defineNuxtPlugin((nuxtApp) => {
+    nuxtApp.vueApp.use(CarbonVue)
+}
+```
 
-We are actively working on components for Vue 3 and would love to get your help with this. If you want to contribute follow this guidance:
+See [Hello Carbon Nuxt](#add-to-nuxt-project) **coming soon**
 
-1. Fork this repo and checkout the `vNext` branch
-2. Look to see which components have not yet been implemented. You can do this by comparing the components listed in the [Carbon React storybook](https://react.carbondesignsystem.com/?path=/story/getting-started-welcome--welcome) with the components in the `src/components` directory.
-3. When you find a component that interests you, look in the open issue list to see if someone else might already be working on it. Look for issues with a "V3 - Vue3" label. A "dibs" issue will have that label and a title of "[component name] work in progress" so for example "**CvDatePicker work in progress**".
-4. If no one else is already working on it, create an issue and label it as above.
+### Vue 3
+
+- Vue 2 support will end on Dec 31, 2023. Learn [more](https://vuejs.org/guide/introduction.html).
+- Upgrading from Vue 2? Check out the [Migration Guide](https://v3-migration.vuejs.org/).
+- Vue 2 components can be found on the `vue2` [branch](https://github.com/carbon-design-system/carbon-components-vue/tree/vue2)
+
+Vue 3 components for Carbon 10 have reached parity with the Vue 2 components.
+More work is needed especially around accessibility. If you want to improve Vue 3 components follow these guidelines.
+
+1. Fork this repo and checkout the `main` branch
+2. Look to see which components are currently being improved. You can do this by looking in the [issues list](https://github.com/carbon-design-system/carbon-components-vue/issues).
+3. If you want to improve a component, look in the open issue list to see if someone else might already be working on it. Look for issues with a "V3 - Vue3" label and the name of the component. For example "**CvDatePicker - improving accessibility**".
+4. If no one else is already working on it, create an issue using the "🍪 Vue 3 - improve component" and label it as above.
    - Work on the component and create a PR when you are ready.
    - Components are expected to be implemented as [single file components](https://vuejs.org/guide/scaling-up/sfc.html) using the Vue [composition api](https://vuejs.org/guide/extras/composition-api-faq.html). See `CvCheckbox` as an example. The Vue 2 components use the options API.
-   - You should reference the existing Vue 2 component while developing the code. The existing components often have the community enhancements that need to be maintained.
-   - You should reference the DOM in the React components storybook and be sure to include any accessibility improvements that might be there.
-   - You should provide a story and test case for the component. For example:
-     ```
-     src/components/CvCheckbox/CvCheckbox.stories.js
-     src/components/CvCheckbox/CvCheckbox.vue
-     src/components/CvCheckbox/__tests__/CvCheckbox.spec.js
-     src/components/CvCheckbox/index.js
-     ```
+   - You should reference the DOM in the React components storybook and be sure to include any accessibility
+     improvements that might be there.
+   - You should update the story and test cases for the component if applicable. Sometimes the story might need updating
+     almost always the test cases for the component will need updates.
    - If you have question tag @davidnixon in your issue and let me know how I can help.
 
 ### Changelog
 
-[CHANGELOG.md](./packages/core/CHANGELOG.md)
-
-## Getting started
-
-[Usage and getting started instructions](./packages/core/README.md#getting-started) for @carbon/vue.
+[CHANGELOG.md](./CHANGELOG.md)
 
 ### List of available components
 

package/dist/carbon-vue-3.common.js

@@ -12064,10 +12064,10 @@ var CvButtonCommon = __webpack_require__(7779);
 
 
 var _hoisted_1 = ["for", "onKeydown"];
-var _hoisted_2 = ["id", "accept"];
+var _hoisted_2 = ["id", "accept", "disabled"];
 var _hoisted_3 = ["for"];
 var _hoisted_4 = ["onKeydown"];
-var _hoisted_5 = ["id", "accept"];
+var _hoisted_5 = ["id", "accept", "disabled"];
 
 
 
@@ -12095,8 +12095,10 @@ var __default__ = {
     },
     buttonSize: CvButtonCommon/* props.size */.N.size,
     clearOnReselect: Boolean,
+    disabled: Boolean,
     dropTargetLabel: String,
     helperText: String,
+    initialStateUploading: Boolean,
     kind: {
       type: String,
       default: KINDS.DRAG_TARGET,
@@ -12169,7 +12171,7 @@ var __default__ = {
           var newFile = createInternalFile((internalFile === null || internalFile === void 0 ? void 0 : internalFile.file) || file);
 
           if (internalFile) {
-            internalFile.state = newFile.initialState;
+            internalFile.state = newFile.state;
             internalFile.invalidMessageTitle = newFile.invalidMessageTitle;
             internalFile.invalidMessage = newFile.invalidMessage;
           } else {
@@ -12213,6 +12215,11 @@ var __default__ = {
     }
 
     function onDragEvent(evt) {
+      if (props.disabled) {
+        evt.preventDefault();
+        return;
+      }
+
       if (Array.prototype.indexOf.call(evt.dataTransfer.types, 'Files') === -1) {
         return;
       }
@@ -12247,7 +12254,7 @@ var __default__ = {
 
     function onItemRemove(index) {
       internalFiles.value.splice(index, 1);
-      emit('update:modelValue', this.internalFiles);
+      emit('update:modelValue', internalFiles.value);
     }
 
     function onKeyHit() {
@@ -12259,20 +12266,31 @@ var __default__ = {
       internalFiles.value = props.modelValue || [];
     }); // exposed methods
 
+    function clear() {
+      internalFiles.value = [];
+      emit('update:modelValue', internalFiles.value);
+    }
+
+    function remove(index) {
+      onItemRemove(index);
+    }
+
+    function setInvalidMessage(index, message) {
+      internalFiles.value[index].invalidMessage = message;
+    }
+
+    function setState(index, state) {
+      if ([STATES.COMPLETE, STATES.UPLOADING, STATES.NONE].includes(state)) {
+        internalFiles.value[index].state = state;
+      }
+    } // exposing methods
+
+
     __expose({
-      setState: function setState(index, state) {
-        if ([STATES.COMPLETE, STATES.UPLOADING, STATES.NONE].includes(state)) {
-          internalFiles.value[index].state = state;
-        }
-      },
-      clear: function clear() {
-        internalFiles.value = [];
-        emit('update:modelValue', internalFiles);
-      },
-      setInvalidMessage: function setInvalidMessage(index, message) {
-        internalFiles.value[index].invalidMessage = message;
-      },
-      remove: onItemRemove
+      clear: clear,
+      remove: remove,
+      setInvalidMessage: setInvalidMessage,
+      setState: setState
     });
 
     return function (_ctx, _cache) {
@@ -12281,16 +12299,16 @@ var __default__ = {
       }, {
         default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
           return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", {
-            class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file--label"))
+            class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file--label"), (0,defineProperty/* default */.Z)({}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file--label--disabled"), __props.disabled)])
           }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.label), 3), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", {
-            class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--label-description"))
+            class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--label-description"), (0,defineProperty/* default */.Z)({}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--label-description--disabled"), __props.disabled)])
           }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.helperText), 3), __props.kind === 'button' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
             key: 0,
             class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file")),
             "data-file": ""
           }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
             for: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(cvId),
-            class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(buttonClasses)),
+            class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(buttonClasses), (0,defineProperty/* default */.Z)({}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--btn--disabled"), __props.disabled)]),
             tabindex: "0",
             onKeydown: [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(onKeyHit, ["prevent"]), ["enter"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(onKeyHit, ["prevent"]), ["space"])]
           }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "drop-target", {}, function () {
@@ -12301,6 +12319,7 @@ var __default__ = {
             ref: fileInput,
             class: "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file-input"),
             accept: __props.accept,
+            disabled: __props.disabled,
             type: "file"
           }, _ctx.$attrs, {
             "data-file-uploader": "",
@@ -12316,7 +12335,7 @@ var __default__ = {
             role: "button",
             tabindex: "0",
             "data-file-drop-container": "",
-            class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file-browse-btn"), "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file__drop-container"), (0,defineProperty/* default */.Z)({}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file__drop-container--drag-over"), allowDrop.value)]),
+            class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file-browse-btn"), "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file__drop-container"), (0,defineProperty/* default */.Z)({}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file__drop-container--drag-over"), allowDrop.value && !__props.disabled), (0,defineProperty/* default */.Z)({}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file-browse-btn--disabled"), __props.disabled)]),
             onDragover: onDragEvent,
             onDragleave: onDragEvent,
             onDrop: onDragEvent,
@@ -12329,6 +12348,7 @@ var __default__ = {
             ref: fileInput,
             class: "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file-input"),
             accept: __props.accept,
+            disabled: __props.disabled,
             type: "file"
           }, _ctx.$attrs, {
             tabindex: "-1",
@@ -14236,7 +14256,7 @@ var close_16 = __webpack_require__(2148);
 // EXTERNAL MODULE: ./src/components/CvCheckbox/CvCheckbox.vue + 2 modules
 var CvCheckbox = __webpack_require__(5478);
 // EXTERNAL MODULE: ./src/components/CvTag/CvTag.vue + 4 modules
-var CvTag = __webpack_require__(4175);
+var CvTag = __webpack_require__(1017);
 ;// CONCATENATED MODULE: ./src/components/CvMultiSelect/consts.js
 var TOP_AFTER_REOPEN = 0;
 var TOP = 1;
@@ -19645,7 +19665,9 @@ var OVERFLOW_BUTTON_OFFSET = 40;
           ref: elLink,
           tabindex: selectedId.value === tab.uid ? 0 : -1,
           type: "button"
-        }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(tab.label), 11, _hoisted_4)], 2);
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, tab.uid, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)(tab)), function () {
+          return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(tab.label), 1)];
+        })], 10, _hoisted_4)], 2);
       }), 128))], 2), !rightOverflowNavButtonHidden.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
         key: 1,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--tabs__overflow-indicator--right"))
@@ -19750,7 +19772,7 @@ const __exports__ = CvTabsSkeletonvue_type_script_setup_true_lang_js;
 
 /***/ }),
 
-/***/ 4175:
+/***/ 1017:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -19768,7 +19790,7 @@ var es_array_filter = __webpack_require__(7327);
 var es_object_to_string = __webpack_require__(1539);
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(3797);
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CvTag/CvTag.vue?vue&type=template&id=289e93b8
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CvTag/CvTag.vue?vue&type=template&id=3d67de34
 
 
 
@@ -19797,12 +19819,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: $props.disabled
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_Close16)], 10, _hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, _hoisted_1));
 }
-;// CONCATENATED MODULE: ./src/components/CvTag/CvTag.vue?vue&type=template&id=289e93b8
+;// CONCATENATED MODULE: ./src/components/CvTag/CvTag.vue?vue&type=template&id=3d67de34
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
 var es_array_includes = __webpack_require__(6699);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.includes.js
 var es_string_includes = __webpack_require__(2023);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.small.js
+var es_string_small = __webpack_require__(7268);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
 var es_array_concat = __webpack_require__(2222);
 // EXTERNAL MODULE: ./src/global/settings.js
@@ -19821,6 +19845,7 @@ var _16 = __webpack_require__(2148);
 
 
 
+
 /* harmony default export */ var CvTagvue_type_script_lang_js = ({
   name: 'CvTag',
   components: {
@@ -19867,7 +19892,12 @@ var _16 = __webpack_require__(2148);
     /**
      * skeleton used when loading
      */
-    skeleton: Boolean
+    skeleton: Boolean,
+
+    /**
+     * tag size small
+     */
+    small: Boolean
   },
   emits: [
   /**
@@ -19880,11 +19910,14 @@ var _16 = __webpack_require__(2148);
       return props.filter ? props.clearAriaLabel : null;
     });
     var tagClasses = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
-      var classes = ["".concat(settings/* carbonPrefix */.B, "--tag"), "".concat(settings/* carbonPrefix */.B, "--tag--").concat(props.kind)];
+      var classes = ["".concat(settings/* carbonPrefix */.B, "--tag")];
+      if (props.small) classes.push("".concat(settings/* carbonPrefix */.B, "--tag--sm"));
 
       if (props.skeleton) {
         classes.push("".concat(settings/* carbonPrefix */.B, "--skeleton"));
       } else {
+        classes.push("".concat(settings/* carbonPrefix */.B, "--tag--").concat(props.kind));
+
         if (props.filter) {
           classes.push("".concat(settings/* carbonPrefix */.B, "--tag--filter"));
         }
@@ -19927,6 +19960,70 @@ const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(CvTagvue_type_s
 
 /***/ }),
 
+/***/ 6518:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ CvTagSkeleton; }
+});
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.small.js
+var es_string_small = __webpack_require__(7268);
+// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
+var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(3797);
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CvTag/CvTagSkeleton.vue?vue&type=template&id=75495299
+
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_CvTag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("CvTag");
+
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_CvTag, {
+    skeleton: "",
+    small: $props.small,
+    label: ''
+  }, null, 8, ["small"]);
+}
+;// CONCATENATED MODULE: ./src/components/CvTag/CvTagSkeleton.vue?vue&type=template&id=75495299
+
+// EXTERNAL MODULE: ./src/components/CvTag/CvTag.vue + 4 modules
+var CvTag = __webpack_require__(1017);
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CvTag/CvTagSkeleton.vue?vue&type=script&lang=js
+
+/* harmony default export */ var CvTagSkeletonvue_type_script_lang_js = ({
+  name: 'CvTagSkeleton',
+  components: {
+    CvTag: CvTag["default"]
+  },
+  props: {
+    /**
+     * tag size small
+     */
+    small: {
+      type: Boolean
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/components/CvTag/CvTagSkeleton.vue?vue&type=script&lang=js
+ 
+// EXTERNAL MODULE: ./node_modules/@vue/cli-service/node_modules/vue-loader/dist/exportHelper.js
+var exportHelper = __webpack_require__(8118);
+;// CONCATENATED MODULE: ./src/components/CvTag/CvTagSkeleton.vue
+
+
+
+
+;
+const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(CvTagSkeletonvue_type_script_lang_js, [['render',render]])
+
+/* harmony default export */ var CvTagSkeleton = (__exports__);
+
+/***/ }),
+
 /***/ 4722:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -43097,7 +43194,8 @@ var map = {
 	"./CvTabs/CvTab.vue": 1758,
 	"./CvTabs/CvTabs.vue": 7763,
 	"./CvTabs/CvTabsSkeleton.vue": 6104,
-	"./CvTag/CvTag.vue": 4175,
+	"./CvTag/CvTag.vue": 1017,
+	"./CvTag/CvTagSkeleton.vue": 6518,
 	"./CvTextArea/CvTextArea.vue": 4722,
 	"./CvTextArea/CvTextAreaSkeleton.vue": 5136,
 	"./CvTextInput/CvTextInput.vue": 6123,