Merge branch 'main' into main

Author: devhus

.vscode/extensions.json

@@ -1,3 +1,3 @@
 {
-  "recommendations": ["Vue.volar"]
+  "recommendations": ["Vue.volar", "dbaeumer.vscode-eslint"]
 }

apps/docs/docs/.vuepress/PluginComponentReference/client/components/component-doc.vue

@@ -143,7 +143,7 @@
   </div>
 </template>
 <script lang="ts">
-import {resolveComponent, defineComponent, computed, ComputedRef, ConcreteComponent, ref, Ref} from 'vue'
+import {resolveComponent, defineComponent, computed, ConcreteComponent, ref, Ref} from 'vue'
 import AnchoredHeading from './anchored-heading'
 import {hyphenate} from '../../../utils'
 // type definitions
@@ -191,15 +191,15 @@ export default defineComponent({
       props.component as string
     ) as ConcreteComponent
 
-    const componentPropsMetaObj: ComputedRef<any> = computed(() => {
+    const componentPropsMetaObj = computed(() => {
       return props.propsMeta.reduce((obj, propMeta) => {
         if (propMeta.prop) {
           obj[propMeta.prop] = propMeta
         }
         return obj
       }, {})
     })
-    const githubURL: ComputedRef<string> = computed(() => {
+    const githubURL = computed(() => {
       const name = component.name ?? component.__name ?? ''
       if (name.indexOf('{') !== -1) {
         // Example component (most likely an auto generated component)
@@ -213,14 +213,14 @@ export default defineComponent({
 
     // component name kebab
 
-    const componentName: ComputedRef<string> = computed(() => {
+    const componentName = computed(() => {
       return hyphenate(component.name ?? component.__name ?? '')
     })
-    const tag: ComputedRef<string> = computed(() => {
+    const tag = computed(() => {
       return `<${componentName.value}>`
     })
 
-    const propsItems: ComputedRef<any> = computed(() => {
+    const propsItems = computed(() => {
       const props: any = component.props
       const propsMetaObj = componentPropsMetaObj
       return Object.keys(props)
@@ -280,7 +280,7 @@ export default defineComponent({
         })
     })
 
-    const propFields: ComputedRef<any> = computed(() => {
+    const propFields = computed(() => {
       const sortable = propsItems.value.length >= SORT_THRESHOLD
 
       // TODO define Type for propItems
@@ -296,7 +296,7 @@ export default defineComponent({
       ]
     })
 
-    const emitsFields: ComputedRef<any> = computed(() => {
+    const emitsFields = computed(() => {
       const sortable = component.emits?.length >= SORT_THRESHOLD
       return [
         {key: 'emit', label: 'Emit', sortable},
@@ -305,7 +305,7 @@ export default defineComponent({
       ]
     })
 
-    const slotsFields: ComputedRef<any> = computed(() => {
+    const slotsFields = computed(() => {
       const sortable = props.slots.length >= SORT_THRESHOLD
       const hasScopedSlots = props.slots.some(s => s.scope)
       return [
@@ -315,18 +315,18 @@ export default defineComponent({
       ]
     })
 
-    const slotsItems: Ref<any[]> = ref(
+    const slotsItems = ref(
        props.slots ? props.slots.map(slot => ({ ...slot as any})) : []
     )
 
 
-    const vmodelItems: ComputedRef<any> = computed(() => {
+    const vmodelItems = computed(() => {
       //TODO loop through props and emits to determine v-model
       // let match = VMODEL_REGEX.exec(myString);
       return []
     })
 
-    const vmodelFields: ComputedRef<any> = computed(() => {
+    const vmodelFields = computed(() => {
       //TODO loop
       return []
     })

apps/docs/docs/.vuepress/components/DocReference.vue

@@ -4,7 +4,7 @@
     reference
   </h2>
 
-  <template v-for="component in reference.meta.components">
+  <template v-for="(component, index) in reference.meta.components" :key="index">
     <h3 :id="component.component" tabindex="-1">
       <a class="header-anchor" :href="`#${component.component}`" aria-hidden="true">#</a>
       <code>&lt;{{ component.component }}&gt;</code>
@@ -25,7 +25,7 @@
           </tr>
         </thead>
         <tbody>
-          <tr v-for="prop in component.props">
+          <tr v-for="(prop, index) in component.props" :key="index">
             <td class="text-nowrap">
               <code>{{ prop.prop }}</code>
             </td>
@@ -60,7 +60,7 @@
           </tr>
         </thead>
         <tbody>
-          <tr v-for="event in component.events">
+          <tr v-for="(event, index) in component.events" :key="index">
             <td class="text-nowrap">
               <code>{{ event.event }}</code>
             </td>
@@ -83,7 +83,7 @@
           </tr>
         </thead>
         <tbody>
-          <tr v-for="slot in component.slots">
+          <tr v-for="(slot, index) in component.slots" :key="index">
             <td class="text-nowrap">
               <code>{{ slot.name }}</code>
             </td>

apps/docs/docs/components/README.md

@@ -4,7 +4,7 @@ BootstrapVue 3 components
 
 <ClientOnly>
     <b-list-group>
-        <b-list-group-item v-for="(component, key)  in componentList">
+        <b-list-group-item v-for="(component, key)  in componentList" :key="key">
             <RouterLink :to="`./${key}.html`">{{component.name}}</RouterLink>
             <b-badge v-if="component.status=='todo'" variant="warning" pill>TODO</b-badge>
             <b-badge v-else-if="component.status=='wip'" variant="warning" pill>WIP</b-badge>

apps/docs/docs/components/Skeleton.md

@@ -4,7 +4,7 @@
 
 ## Deprecation warning
 
-This component is soon to be deprecated in favor of native using Bootstrap [placeholder](https://getbootstrap.com/docs/5.2/components/placeholders/) components. Scheduled for removal in v0.4.0
+This component is soon to be deprecated in favor of native using Bootstrap [placeholder](https://getbootstrap.com/docs/5.2/components/placeholders/) components. Scheduled for removal in v0.5.0
 
 **Example: Basic usage**
 

apps/playground/package.json

@@ -16,8 +16,9 @@
     "vue-router": "4.1.3"
   },
   "devDependencies": {
-    "tsconfig": "workspace:*",
     "@vitejs/plugin-vue": "^3.0.0",
+    "rollup-plugin-visualizer": "^5.7.1",
+    "tsconfig": "workspace:*",
     "typescript": "^4.6.4",
     "vite": "^3.0.0",
     "vue-tsc": "^0.38.4"

apps/playground/src/components/Comps/TPagination.vue

@@ -125,7 +125,7 @@ const paginationPageNumber = ref(19)
 const paginationLimit = ref(8)
 const paginationPerPage = ref(2)
 const paginationRows = ref(40)
-const paginationDangerClasses = ref(['border-danger', 'border-5', 'border'])
+const paginationDangerClasses = ['border-danger', 'border-5', 'border']
 
 const handlePaginationPageClick = (event: BvEvent, page: number) => {
   if (page === 7) {

packages/bootstrap-vue-3-icons/.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

packages/bootstrap-vue-3-icons/CHANGELOG.md

@@ -0,0 +1,16 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [0.0.1] - 2022-10-18
+
+### Added
+
+- initial version
+
+### Changed
+
+### Fixed

packages/bootstrap-vue-3-icons/README.md

@@ -0,0 +1,3 @@
+# Bootstrap-vue-3-icons
+
+This is the root for the bootstrap-vue-3-icons package