fix: use Popper.placements

src/components/Popper.vue

@@ -2,7 +2,6 @@
 import Popper from 'popper.js'
 import { supportsPassive } from '../util/support'
 import { getDefaultConfig } from '../config'
-import { placement } from '../const'
 
 let isIOS = false
 if (typeof window !== 'undefined' && typeof navigator !== 'undefined') {
@@ -57,7 +56,7 @@ export default {
       default () {
         return getDefaultConfig(this.theme, 'placement')
       },
-      validator: value => placement.includes(value),
+      validator: value => Popper.placements.includes(value),
     },
 
     delay: {

src/const.js

-// Possible Popper.js positions
-export const placement = [
-  'auto',
-  'auto-start',
-  'auto-end',
-  'top',
-  'top-start',
-  'top-end',
-  'right',
-  'right-start',
-  'right-end',
-  'bottom',
-  'bottom-start',
-  'bottom-end',
-  'left',
-  'left-start',
-  'left-end',
-]

src/directives/v-tooltip.js

 import Vue from 'vue'
-import { placement } from '../const'
+import Popper from 'popper.js'
 import TooltipDirective from '../components/TooltipDirective.vue'
 import { getDefaultConfig } from '../config'
 
@@ -11,7 +11,7 @@ const TARGET_CLASS = `v-popper--has-tooltip`
 export function getPlacement (options, modifiers) {
   var result = options.placement
   if (!result && modifiers) {
-    for (const pos of placement) {
+    for (const pos of Popper.placements) {
       if (modifiers[pos]) {
         result = pos
       }