vue-mateilwind - npm Package Compare versions

Comparing version 0.2.1 to 0.2.2

package.json

 {
   "name": "vue-mateilwind",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Vue 3 components library based on TypeScript",
@@ -34,6 +34,7 @@ "author": {
   "dependencies": {
+    "@storybook/addon-viewport": "^6.3.12",
     "@vueuse/core": "^6.7.5",
-    "@vueuse/head": "^0.6.0",
+    "lodash.merge": "^4.6.2",
     "vue": "^3.2.16",
-    "vue-i18n": "^9.1.9"
+    "vue-i18n": "^9.2.0-beta.19"
   },
@@ -45,4 +46,5 @@ "devDependencies": {
     "@storybook/addon-actions": "^6.3.12",
+    "@storybook/addon-docs": "^6.3.12",
     "@storybook/addon-essentials": "^6.3.12",
-    "@storybook/addon-links": "^6.3.12",
+    "@storybook/addon-measure": "^6.4.0-alpha.27",
     "@storybook/vue3": "^6.3.12",
@@ -49,0 +51,0 @@ "@types/node": "^16.11.6",

src/auto-imports.d.ts

@@ -14,4 +14,7 @@ // Generated by 'unplugin-auto-import'
   const createGlobalState: typeof import('@vueuse/core')['createGlobalState']
+  const createReactiveFn: typeof import('@vueuse/core')['createReactiveFn']
   const createSharedComposable: typeof import('@vueuse/core')['createSharedComposable']
+  const createUnrefFn: typeof import('@vueuse/core')['createUnrefFn']
   const customRef: typeof import('vue')['customRef']
+  const debouncedRef: typeof import('@vueuse/core')['debouncedRef']
   const debouncedWatch: typeof import('@vueuse/core')['debouncedWatch']
@@ -65,2 +68,3 @@ const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
   const templateRef: typeof import('@vueuse/core')['templateRef']
+  const throttledRef: typeof import('@vueuse/core')['throttledRef']
   const throttledWatch: typeof import('@vueuse/core')['throttledWatch']
@@ -109,8 +113,9 @@ const toRaw: typeof import('vue')['toRaw']
   const useEventSource: typeof import('@vueuse/core')['useEventSource']
+  const useEyeDropper: typeof import('@vueuse/core')['useEyeDropper']
   const useFavicon: typeof import('@vueuse/core')['useFavicon']
   const useFetch: typeof import('@vueuse/core')['useFetch']
-  const useFPS: typeof import('@vueuse/core')['useFPS']
+  const useFocus: typeof import('@vueuse/core')['useFocus']
+  const useFps: typeof import('@vueuse/core')['useFps']
   const useFullscreen: typeof import('@vueuse/core')['useFullscreen']
   const useGeolocation: typeof import('@vueuse/core')['useGeolocation']
-  const useHead: typeof import('@vueuse/head')['useHead']
   const useI18n: typeof import('vue-i18n')['useI18n']
@@ -146,4 +151,2 @@ const useIdle: typeof import('@vueuse/core')['useIdle']
   const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
-  const useRoute: typeof import('vue-router')['useRoute']
-  const useRouter: typeof import('vue-router')['useRouter']
   const useScriptTag: typeof import('@vueuse/core')['useScriptTag']
@@ -150,0 +153,0 @@ const useScroll: typeof import('@vueuse/core')['useScroll']

src/components.d.ts

@@ -8,2 +8,4 @@ // generated by unplugin-vue-components
     CarbonCalendar: typeof import('~icons/carbon/calendar')['default']
+    MwAlert: typeof import('./components/alert/MwAlert.vue')['default']
+    MwAlerts: typeof import('./components/alert/MwAlerts.vue')['default']
     MwBadge: typeof import('./components/badge/MwBadge.vue')['default']
@@ -10,0 +12,0 @@ MwButton: typeof import('./components/button/MwButton.vue')['default']

src/components/badge/MwBadge.stories.ts

@@ -5,3 +5,3 @@ import { Meta, Story } from '@storybook/vue3'
 export default {
-  title: 'Badge',
+  title: 'Components/Badge',
   component: MwBadge,
@@ -25,3 +25,3 @@ argTypes: {
     default: 'Badge',
-  }
+  },
 } as Meta
@@ -32,2 +32,7 @@
   setup() {
+    // args: {
+    //   variant: 'primary',
+    //   isClearable: false,
+    //   default: 'Badge',
+    // }
     return { args }
@@ -39,3 +44,1 @@ },
 export const Badge = Template.bind({})
-
-

src/components/button-group/MwButtonGroup.stories.ts

 import { Meta, Story } from '@storybook/vue3'
+import MwButton from '../button'
 import MwButtonGroup from '.'
-import MwButton from '../button'
 
 export default {
-  title: 'Button Group',
+  title: 'Components/Button Group',
   component: MwButtonGroup,
@@ -24,3 +24,1 @@ } as Meta
 export const ButtonGroup = Template.bind({})
-
-

src/components/button/MwButton.stories.ts

@@ -5,3 +5,3 @@ import { Meta, Story } from '@storybook/vue3'
 export default {
-  title: 'Button',
+  title: 'Components/Button',
   component: MwButton,
@@ -53,3 +53,3 @@ argTypes: {
     default: 'Btn',
-  }
+  },
 } as Meta
@@ -60,2 +60,13 @@
   setup() {
+    // args: {
+    //   variant: 'primary',
+    //   size: 'md',
+    //   isBlock: false,
+    //   isDisabled: false,
+    //   isLoading: false,
+    //   isElevated: false,
+    //   isOutlined: false,
+    //   hasIcon: false,
+    //   default: 'Btn',
+    // }
     return { args }
@@ -67,3 +78,1 @@ },
 export const Button = Template.bind({})
-
-

src/components/card/MwCard.stories.ts

@@ -5,3 +5,3 @@ import { Meta, Story } from '@storybook/vue3'
 export default {
-  title: 'Card',
+  title: 'Components/Card',
   component: MwCard,
@@ -13,3 +13,3 @@ argTypes: {
     },
-    default: {
+    text: {
       control: 'text',
@@ -21,4 +21,4 @@ description: 'Content',
     title: 'Card title',
-    default: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.',
-  }
+    text: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.',
+  },
 } as Meta
@@ -34,3 +34,3 @@
       <template #title>{{ args.title }}</template>
-      {{ args.default }}
+      <template #text>{{ args.text }}</template>
     </MwCard>
@@ -41,3 +41,1 @@ `,
 export const Card = Template.bind({})
-
-

src/components/datepicker/MwDatepicker.stories.ts

@@ -6,3 +6,3 @@ import { Meta, Story } from '@storybook/vue3'
 export default {
-  title: 'Datepicker',
+  title: 'Components/Datepicker',
   component: MwDatepicker,
@@ -15,3 +15,3 @@ argTypes: {
       control: { type: 'select' },
-      options: ['day', 'month', 'year']
+      options: ['day', 'month', 'year'],
     },
@@ -38,4 +38,4 @@ months: {
       day: 'numeric',
-    }
-  }
+    },
+  },
 } as Meta
@@ -46,10 +46,20 @@
   setup() {
+    // args: {
+    //   label: 'Label',
+    //   defaultStep: 'day',
+    //   months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+    //   days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thusday', 'Friday', 'Saturday'],
+    //   formatOptions: {
+    //     weekday: 'short',
+    //     year: 'numeric',
+    //     month: 'short',
+    //     day: 'numeric',
+    //   }
+    // }
     const model = ref('')
     return { args, model }
   },
-  template: '<MwDatepicker class="min-h-100" v-bind="args" v-model="model" />',
+  template: '<MwDatepicker v-bind="args" v-model="model" />',
 })
 
 export const Datepicker = Template.bind({})
-
-

src/components/dropdown/MwDropdown.stories.ts

 import { Meta, Story } from '@storybook/vue3'
-import MwDropdown from '.'
 import MwButton from '../button'
 import MwListItem from '../list-item'
 import type { ListItem } from '../../types'
+import MwDropdown from '.'
 
 export default {
-  title: 'Dropdown',
+  title: 'Components/Dropdown',
   component: MwDropdown,
@@ -27,3 +27,3 @@ argTypes: {
     default: 'Dropdown',
-  }
+  },
 } as Meta
@@ -34,2 +34,8 @@
   setup() {
+    // args: {
+    //   position: 'left',
+    //   dropup: false,
+    //   closeOnItemClick: false,
+    //   default: 'Dropdown',
+    // }
     const dropdownItems: ListItem[] = [
@@ -49,3 +55,3 @@ {
   template: `
-    <MwDropdown class="min-h-50 mt-40 ml-40" v-bind="args">
+    <MwDropdown v-bind="args">
       <template #title>
@@ -71,3 +77,1 @@ I am title
 export const Dropdown = Template.bind({})
-
-

src/components/heading/MwHeading.stories.ts

@@ -5,3 +5,3 @@ import { Meta, Story } from '@storybook/vue3'
 export default {
-  title: 'Heading',
+  title: 'Components/Heading',
   component: MwHeading,
@@ -25,3 +25,3 @@ argTypes: {
     default: 'I am Heading',
-  }
+  },
 } as Meta
@@ -32,2 +32,6 @@
   setup() {
+    // args: {
+    //   type: 'h1',
+    //   default: 'I am Heading',
+    // }
     return { args }
@@ -42,3 +46,1 @@ },
 export const Heading = Template.bind({})
-
-

src/components/input/MwInput.stories.ts

@@ -6,3 +6,3 @@ import { Meta, Story } from '@storybook/vue3'
 export default {
-  title: 'Input',
+  title: 'Components/Input',
   component: MwInput,
@@ -42,3 +42,3 @@ argTypes: {
     icon: '',
-  }
+  },
 } as Meta
@@ -49,2 +49,10 @@
   setup() {
+    // args: {
+    //   variant: 'primary',
+    //   type: 'text',
+    //   label: 'Label',
+    //   size: 'md',
+    //   hasValidation: false,
+    //   icon: '',
+    // }
     const model = ref('')
@@ -62,3 +70,1 @@ return { args, model }
 export const Input = Template.bind({})
-
-

src/components/list/MwList.stories.ts

 import { Meta, Story } from '@storybook/vue3'
-import MwList from '.'
 import MwListItem from '../list-item'
 import MwButton from '../button'
 import type { ListItem } from '../../types'
+import MwList from '.'
 
 export default {
-  title: 'List',
+  title: 'Components/List',
   component: MwList,
@@ -56,3 +56,1 @@ } as Meta
 export const List = Template.bind({})
-
-

src/components/modal/MwModal.stories.ts

 import { Meta, Story } from '@storybook/vue3'
-import MwModal from '.'
+import { useConfirmDialog } from '@vueuse/core'
 import MwModalItem from '../list-item'
 import MwButton from '../button'
-import { useConfirmDialog } from '@vueuse/core'
+import MwModal from '.'
 
 export default {
-  title: 'Modal',
+  title: 'Components/Modal',
   component: MwModal,
@@ -26,3 +26,3 @@ argTypes: {
     closeOnClickOutside: false,
-  }
+  },
 } as Meta
@@ -33,2 +33,7 @@
   setup() {
+    // args: {
+    //   size: 'md',
+    //   hasCloseButton: false,
+    //   closeOnClickOutside: false,
+    // }
     const {
@@ -40,3 +45,3 @@ isRevealed,
     } = useConfirmDialog()
-    
+
     const modalBody = `I always felt like I could do anything. That’s the main
@@ -47,3 +52,3 @@ thing people are controlled by! Thoughts- their perception
       won’t do anything. I was taught I could do everything.`
-    
+
     return {
@@ -75,3 +80,3 @@ args,
         <template #footer>
-          <MwButton is-outlined @click="cancel">
+          <MwButton is-outlined variant="secondary" @click="cancel">
             Close
@@ -88,3 +93,1 @@ </MwButton>
 export const Modal = Template.bind({})
-
-

src/components/p/MwP.stories.ts

@@ -5,3 +5,3 @@ import { Meta, Story } from '@storybook/vue3'
 export default {
-  title: 'P',
+  title: 'Components/P',
   component: MwP,
@@ -20,3 +20,3 @@ argTypes: {
     default: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.',
-  }
+  },
 } as Meta
@@ -36,3 +36,1 @@
 export const P = Template.bind({})
-
-

src/components/pagination/MwPagination.stories.ts

 import { Meta, Story } from '@storybook/vue3'
 import { ref } from 'vue'
+import type { PaginationChangeEventContext } from '../../types'
 import MwPagination from '.'
-import type { PaginationChangeEventContext } from '../../types'
 
 export default {
-  title: 'Pagination',
+  title: 'Components/Pagination',
   component: MwPagination,
@@ -20,3 +20,3 @@ argTypes: {
     itemsPerPage: 5,
-  }
+  },
 } as Meta
@@ -27,2 +27,6 @@
   setup() {
+    // args: {
+    //   nbItems: 20,
+    //   itemsPerPage: 5,
+    // }
     const currentPage = ref<number>(1)
@@ -42,3 +46,1 @@ function onPageChange(context: PaginationChangeEventContext): void {
 export const Pagination = Template.bind({})
-
-

src/components/select/MwSelect.stories.ts

 import { Meta, Story } from '@storybook/vue3'
 import { useField } from 'vee-validate'
 import { ref, watchEffect } from 'vue'
-import MwSelect from '.'
 import countries from '../../utils/countries'
 import type { SelectItem } from '../../types'
+import MwSelect from '.'
 
 export default {
-  title: 'Select',
+  title: 'Components/Select',
   component: MwSelect,
@@ -44,8 +44,15 @@ argTypes: {
     hasAsyncData: true,
-  }
+  },
 } as Meta
 
-const Template: Story = (args) => ({
+const Template: Story = args => ({
   components: { MwSelect },
   setup() {
+    // args: {
+    //   variant: 'primary',
+    //   label: 'Select a country',
+    //   hasMultipleValues: true,
+    //   isClearable: true,
+    //   hasAsyncData: true,
+    // }
     const selectFetchedItems = ref<SelectItem[]>(countries.filter((_, index) => index < 10))
@@ -85,16 +92,12 @@ const isSelectLoading = ref<boolean>(false)
   template: `
-    <div class="min-h-100">
-      <MwSelect
-        v-model="value"
-        v-bind="args"
-        :items="selectFetchedItems"
-        :isLoading="isSelectLoading"
-        :errorMessage="errorMessage"
-        @input="selectFetchItems"
-      />
-    </div>`,
+    <MwSelect
+      v-model="value"
+      v-bind="args"
+      :items="selectFetchedItems"
+      :isLoading="isSelectLoading"
+      :errorMessage="errorMessage"
+      @input="selectFetchItems"
+    />`,
 })
 
 export const Select = Template.bind({})
-
-

src/components/small/MwP.stories.ts

@@ -5,3 +5,3 @@ import { Meta, Story } from '@storybook/vue3'
 export default {
-  title: 'Small',
+  title: 'Components/Small',
   component: MwSmall,
@@ -20,3 +20,3 @@ argTypes: {
     default: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.',
-  }
+  },
 } as Meta
@@ -36,3 +36,1 @@
 export const Small = Template.bind({})
-
-

src/components/table/MwTable.stories.ts

 import { Meta, Story } from '@storybook/vue3'
-import { ref } from 'vue'
+import MwPagination from '../pagination'
 import MwTable from '.'
-import MwPagination from '../pagination'
 
 export default {
-  title: 'Table',
+  title: 'Components/Table',
   component: MwTable,
@@ -110,8 +109,43 @@ argTypes: {
     hasStickyHeader: false,
-  }
+  },
 } as Meta
 
-const Template: Story = (args) => ({
+const Template: Story = args => ({
   components: { MwTable, MwPagination },
   setup() {
+    // args: {
+    //   fields: [
+    //     {
+    //       label: 'User',
+    //       value: 'user',
+    //       isSortable: true,
+    //       minWidth: 120,
+    //     },
+    //     ...
+    //     {
+    //       label: '',
+    //       value: 'actions',
+    //       tdClass: 'justify-end',
+    //     },
+    //   ],
+    //   items: [
+    //     {
+    //       user: 'Jean Marc',
+    //       age: 30,
+    //       role: 'Admin',
+    //       createdAt: '12/09/2020',
+    //       isActive: true,
+    //     },
+    //     ...
+    //   ],
+    //   itemsPerPage: 2,
+    //   currentPage: 1,
+    //   isStriped: false,
+    //   isHoverable: false,
+    //   isSmall: true,
+    //   isBordered: false,
+    //   isLoading: false,
+    //   hasNoLocalSorting: false,
+    //   hasStickyHeader: false,
+    // }
     return { args }
@@ -150,3 +184,1 @@ },
 export const Table = Template.bind({})
-
-

src/index.ts

 import { App } from 'vue'
 
+import { createI18n } from 'vue-i18n'
+import merge from 'lodash.merge'
+import i18n from './modules/i18n'
+
+import MwAlert from './components/alert'
 import MwBadge from './components/badge'
@@ -30,2 +35,3 @@ import MwButton from './components/button'
 const components = {
+  MwAlert,
   MwBadge,
@@ -50,3 +56,12 @@ MwButton,
 
-function install(Vue: App) {
+function install(Vue: App, options) {
+  let i18nOptions = i18n
+  if (options?.i18n) {
+    i18nOptions = merge(
+      {},
+      i18n,
+      options.i18n,
+    )
+  }
+  Vue.use(createI18n(i18nOptions))
   // eslint-disable-next-line no-restricted-syntax
@@ -61,2 +76,3 @@ for (const component in components) {
 
+export { default as MwAlert } from './components/alert'
 export { default as MwBadge } from './components/badge'
@@ -63,0 +79,0 @@ export { default as MwButton } from './components/button'

src/modules/i18n.ts

@@ -1,3 +0,1 @@
-import { createI18n } from 'vue-i18n'
-
 const messages = Object.fromEntries(
@@ -12,7 +10,8 @@ Object.entries(
 
-export default createI18n({
+export default {
   legacy: false,
   locale: 'en',
+  fallbackLocale: 'en',
   messages,
   globalInjection: true,
-})
+}

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Number of package files

88

increased by6.02%

Number of low quality alerts

2

decreased by-33.33%

Worsened metrics

Total package byte prevSize

105583

decreased by-64.03%

Dependency count

5

increased by25%

Dev dependency count

22

increased by4.76%

Lines of code

2526

decreased by-56.53%

Dependency changes

• + Added@storybook/addon-viewport@^6.3.12

• + Addedlodash.merge@^4.6.2

• + Added@storybook/addon-viewport@6.5.16(transitive)

• + Added@storybook/addons@6.5.16(transitive)

• + Added@storybook/api@6.5.16(transitive)

• + Added@storybook/channels@6.5.16(transitive)

• + Added@storybook/client-logger@6.5.16(transitive)

• + Added@storybook/components@6.5.16(transitive)

• + Added@storybook/core-events@6.5.16(transitive)

• + Added@storybook/csf@0.0.2--canary.4566f4d.1(transitive)

• + Added@storybook/router@6.5.16(transitive)

• + Added@storybook/semver@7.3.2(transitive)

• + Added@storybook/theming@6.5.16(transitive)

• + Added@types/is-function@1.0.3(transitive)

• + Added@types/webpack-env@1.18.8(transitive)

• + Addedcall-bind-apply-helpers@1.0.2(transitive)

• + Addedcall-bound@1.0.3(transitive)

• + Addedcore-js@3.40.0(transitive)

• + Addeddom-walk@0.1.2(transitive)

• + Addeddunder-proto@1.0.1(transitive)

• + Addedes-define-property@1.0.1(transitive)

• + Addedes-errors@1.3.0(transitive)

• + Addedes-object-atoms@1.1.1(transitive)

• + Addedfast-deep-equal@3.1.3(transitive)

• + Addedfind-up@4.1.0(transitive)

• + Addedfunction-bind@1.1.2(transitive)

• + Addedget-intrinsic@1.2.7(transitive)

• + Addedget-proto@1.0.1(transitive)

• + Addedglobal@4.4.0(transitive)

• + Addedgopd@1.2.0(transitive)

• + Addedhas-symbols@1.1.0(transitive)

• + Addedhas-tostringtag@1.0.2(transitive)

• + Addedhasown@2.0.2(transitive)

• + Addedis-function@1.0.2(transitive)

• + Addedis-regex@1.2.1(transitive)

• + Addedis-symbol@1.1.1(transitive)

• + Addedisobject@4.0.0(transitive)

• + Addedjs-tokens@4.0.0(transitive)

• + Addedlocate-path@5.0.0(transitive)

• + Addedlodash@4.17.21(transitive)

• + Addedlodash.merge@4.6.2(transitive)

• + Addedloose-envify@1.4.0(transitive)

• + Addedmap-or-similar@1.5.0(transitive)

• + Addedmath-intrinsics@1.1.0(transitive)

• + Addedmemoizerific@1.11.3(transitive)

• + Addedmin-document@2.19.0(transitive)

• + Addedobject-assign@4.1.1(transitive)

• + Addedobject-inspect@1.13.4(transitive)

• + Addedp-limit@2.3.0(transitive)

• + Addedp-locate@4.1.0(transitive)

• + Addedp-try@2.2.0(transitive)

• + Addedpath-exists@4.0.0(transitive)

• + Addedprocess@0.11.10(transitive)

• + Addedprop-types@15.8.1(transitive)

• + Addedqs@6.14.0(transitive)

• + Addedreact@18.3.1(transitive)

• + Addedreact-dom@18.3.1(transitive)

• + Addedreact-is@16.13.1(transitive)

• + Addedregenerator-runtime@0.13.11(transitive)

• + Addedsafe-regex-test@1.1.0(transitive)

• + Addedscheduler@0.23.2(transitive)

• + Addedside-channel@1.1.0(transitive)

• + Addedside-channel-list@1.0.0(transitive)

• + Addedside-channel-map@1.0.1(transitive)

• + Addedside-channel-weakmap@1.0.2(transitive)

• + Addedstore2@2.14.4(transitive)

• + Addedtelejson@6.0.8(transitive)

• + Addedts-dedent@2.2.0(transitive)

• + Addedutil-deprecate@1.0.2(transitive)

• - Removed@vueuse/head@^0.6.0

• - Removed@vueuse/head@0.6.0(transitive)

• Updatedvue-i18n@^9.2.0-beta.19