@virage-ui/directives

Набор директив для Vue

v-focus-visible-within

Директива добавляет к элементу аттрибут data-focus-visible-within.

Описание

Данная директива работает в паре с самописным плагином для tailwind'а, включенным в базовый конфиг vui virage-ui/tailwind-config/base

Доступные модификаторы tailwind'а:

• focus-visible-within:
• highlight-within:

Использование

vue 3:

// main.ts

import { createApp } from 'vue'
import App from './App.vue'
import { plugin } from '@virage-ui/directives/focus-visible-within';
import "./index.css";

const app = createApp(App);
app.use(plugin)
app.mount('#app');

nuxt:

// plugins/index.ts

import { plugin as focusVisibleWithinPlugin } from "@virage-ui/directives/focus-visible-within";

export default defineNuxtPlugin((nuxtApp) => {
    nuxtApp.vueApp.use(focusVisibleWithinPlugin);
})