fix(CPopover, CTooltip): inline styles attribute don't work

Author: mrholek

packages/coreui-vue/src/components/popover/CPopover.ts

@@ -79,7 +79,7 @@ const CPopover = defineComponent({
      */
     'show',
   ],
-  setup(props, { slots, emit }) {
+  setup(props, { attrs, slots, emit }) {
     const togglerRef = ref()
     const popoverRef = ref()
     const popper = ref()
@@ -149,6 +149,7 @@ const CPopover = defineComponent({
                 class: 'popover fade bs-popover-auto',
                 ref: popoverRef,
                 role: 'tooltip',
+                ...attrs,
               },
               [
                 h('div', { class: 'popover-arrow', 'data-popper-arrow': '' }),

packages/coreui-vue/src/components/tooltip/CTooltip.ts

@@ -30,7 +30,7 @@ const CTooltip = defineComponent({
      */
     offset: {
       type: Array,
-      default: () => [0, 0],
+      default: () => [0, 6],
     },
     /**
      * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
@@ -75,7 +75,7 @@ const CTooltip = defineComponent({
      */
     'show',
   ],
-  setup(props, { slots, emit }) {
+  setup(props, { attrs, slots, emit }) {
     const togglerRef = ref()
     const tooltipRef = ref()
     const popper = ref()
@@ -145,6 +145,7 @@ const CTooltip = defineComponent({
                 class: 'tooltip fade bs-tooltip-auto',
                 ref: tooltipRef,
                 role: 'tooltip',
+                ...attrs,
               },
               [
                 h('div', { class: 'tooltip-arrow', 'data-popper-arrow': '' }),