mirror of
https://github.com/tenrok/vue-select.git
synced 2026-06-22 10:30:34 +03:00
deps: upgrade all dependencies
This commit is contained in:
Jeff Sagal
@@ -1,10 +1,8 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { useHead } from '#head'
|
|
||||||
import Hero from '~/components/Hero.vue'
|
import Hero from '~/components/Hero.vue'
|
||||||
import ApplicationHeader from '~/components/ApplicationHeader.vue'
|
import ApplicationHeader from '~/components/ApplicationHeader.vue'
|
||||||
import SidebarNavigation from '~/components/SidebarNavigation.vue'
|
import SidebarNavigation from '~/components/SidebarNavigation.vue'
|
||||||
import PageContent from '~/components/PageContent.vue'
|
import PageContent from '~/components/PageContent.vue'
|
||||||
import { useContent } from '#imports'
|
|
||||||
import '../src/css/vue-select.css'
|
import '../src/css/vue-select.css'
|
||||||
|
|
||||||
useHead({
|
useHead({
|
||||||
|
|||||||
@@ -1,23 +0,0 @@
|
|||||||
@font-face {
|
|
||||||
font-family: 'Lexend';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 100 900;
|
|
||||||
font-display: swap;
|
|
||||||
src: url(~/assets/fonts/lexend.woff2) format('woff2');
|
|
||||||
}
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Inter';
|
|
||||||
font-weight: 100 900;
|
|
||||||
font-display: block;
|
|
||||||
font-style: normal;
|
|
||||||
font-named-instance: 'Regular';
|
|
||||||
src: url('~/assets/fonts/Inter-roman.var.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Inter';
|
|
||||||
font-weight: 100 900;
|
|
||||||
font-display: block;
|
|
||||||
font-style: italic;
|
|
||||||
font-named-instance: 'Italic';
|
|
||||||
src: url('~/assets/fonts/Inter-italic.var.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
@@ -0,0 +1,98 @@
|
|||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
|
|
||||||
|
@layer base {
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Lexend';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 100 900;
|
||||||
|
font-display: swap;
|
||||||
|
src: url(~/assets/fonts/lexend.woff2) format('woff2');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-weight: 100 900;
|
||||||
|
font-display: block;
|
||||||
|
font-style: normal;
|
||||||
|
font-named-instance: 'Regular';
|
||||||
|
src: url('~/assets/fonts/Inter-roman.var.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Inter';
|
||||||
|
font-weight: 100 900;
|
||||||
|
font-display: block;
|
||||||
|
font-style: italic;
|
||||||
|
font-named-instance: 'Italic';
|
||||||
|
src: url('~/assets/fonts/Inter-italic.var.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@layer components {
|
||||||
|
.dark .v-select {
|
||||||
|
--vs-colors--lightest: rgba(60, 60, 60, 0.26);
|
||||||
|
--vs-colors--light: rgba(60, 60, 60, 0.5);
|
||||||
|
--vs-colors--dark: #333;
|
||||||
|
--vs-colors--darkest: rgba(0, 0, 0, 0.15);
|
||||||
|
|
||||||
|
/* Search Input */
|
||||||
|
--vs-search-input-color: inherit;
|
||||||
|
--vs-search-input-placeholder-color: inherit;
|
||||||
|
|
||||||
|
/* Font */
|
||||||
|
--vs-font-size: 1rem;
|
||||||
|
--vs-line-height: 1.4;
|
||||||
|
|
||||||
|
/* Disabled State */
|
||||||
|
--vs-state-disabled-bg: rgb(248, 248, 248);
|
||||||
|
--vs-state-disabled-color: var(--vs-colors--light);
|
||||||
|
--vs-state-disabled-controls-color: var(--vs-colors--light);
|
||||||
|
--vs-state-disabled-cursor: not-allowed;
|
||||||
|
|
||||||
|
/* Borders */
|
||||||
|
--vs-border-color: #24292e;
|
||||||
|
--vs-border-width: 1px;
|
||||||
|
--vs-border-style: solid;
|
||||||
|
--vs-border-radius: 4px;
|
||||||
|
|
||||||
|
/* Actions: house the component controls */
|
||||||
|
--vs-actions-padding: 4px 6px 0 3px;
|
||||||
|
|
||||||
|
/* Component Controls: Clear, Open Indicator */
|
||||||
|
--vs-controls-color: #c9c2c2;
|
||||||
|
--vs-controls-size: 1;
|
||||||
|
--vs-controls--deselect-text-shadow: 0 1px 0 #fff;
|
||||||
|
|
||||||
|
/* Selected */
|
||||||
|
--vs-selected-bg: #f0f0f0;
|
||||||
|
--vs-selected-color: #fff;
|
||||||
|
--vs-selected-border-color: var(--vs-border-color);
|
||||||
|
--vs-selected-border-style: var(--vs-border-style);
|
||||||
|
--vs-selected-border-width: var(--vs-border-width);
|
||||||
|
|
||||||
|
/* Dropdown */
|
||||||
|
--vs-dropdown-bg: #343434;
|
||||||
|
--vs-dropdown-color: inherit;
|
||||||
|
--vs-dropdown-z-index: 1000;
|
||||||
|
--vs-dropdown-min-width: 160px;
|
||||||
|
--vs-dropdown-max-height: 350px;
|
||||||
|
--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);
|
||||||
|
|
||||||
|
/* Options */
|
||||||
|
--vs-dropdown-option-bg: #000;
|
||||||
|
--vs-dropdown-option-color: #fff;
|
||||||
|
--vs-dropdown-option-padding: 3px 20px;
|
||||||
|
|
||||||
|
/* Active State */
|
||||||
|
--vs-dropdown-option--active-bg: #5897fb;
|
||||||
|
--vs-dropdown-option--active-color: #fff;
|
||||||
|
|
||||||
|
/* Deselect State */
|
||||||
|
--vs-dropdown-option--deselect-bg: #fb5858;
|
||||||
|
--vs-dropdown-option--deselect-color: #fff;
|
||||||
|
|
||||||
|
/* Transitions */
|
||||||
|
--vs-transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
|
||||||
|
--vs-transition-duration: 150ms;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,66 +0,0 @@
|
|||||||
.dark .v-select {
|
|
||||||
--vs-colors--lightest: rgba(60, 60, 60, 0.26);
|
|
||||||
--vs-colors--light: rgba(60, 60, 60, 0.5);
|
|
||||||
--vs-colors--dark: #333;
|
|
||||||
--vs-colors--darkest: rgba(0, 0, 0, 0.15);
|
|
||||||
|
|
||||||
/* Search Input */
|
|
||||||
--vs-search-input-color: inherit;
|
|
||||||
--vs-search-input-placeholder-color: inherit;
|
|
||||||
|
|
||||||
/* Font */
|
|
||||||
--vs-font-size: 1rem;
|
|
||||||
--vs-line-height: 1.4;
|
|
||||||
|
|
||||||
/* Disabled State */
|
|
||||||
--vs-state-disabled-bg: rgb(248, 248, 248);
|
|
||||||
--vs-state-disabled-color: var(--vs-colors--light);
|
|
||||||
--vs-state-disabled-controls-color: var(--vs-colors--light);
|
|
||||||
--vs-state-disabled-cursor: not-allowed;
|
|
||||||
|
|
||||||
/* Borders */
|
|
||||||
--vs-border-color: #24292e;
|
|
||||||
--vs-border-width: 1px;
|
|
||||||
--vs-border-style: solid;
|
|
||||||
--vs-border-radius: 4px;
|
|
||||||
|
|
||||||
/* Actions: house the component controls */
|
|
||||||
--vs-actions-padding: 4px 6px 0 3px;
|
|
||||||
|
|
||||||
/* Component Controls: Clear, Open Indicator */
|
|
||||||
--vs-controls-color: #c9c2c2;
|
|
||||||
--vs-controls-size: 1;
|
|
||||||
--vs-controls--deselect-text-shadow: 0 1px 0 #fff;
|
|
||||||
|
|
||||||
/* Selected */
|
|
||||||
--vs-selected-bg: #f0f0f0;
|
|
||||||
--vs-selected-color: #fff;
|
|
||||||
--vs-selected-border-color: var(--vs-border-color);
|
|
||||||
--vs-selected-border-style: var(--vs-border-style);
|
|
||||||
--vs-selected-border-width: var(--vs-border-width);
|
|
||||||
|
|
||||||
/* Dropdown */
|
|
||||||
--vs-dropdown-bg: #343434;
|
|
||||||
--vs-dropdown-color: inherit;
|
|
||||||
--vs-dropdown-z-index: 1000;
|
|
||||||
--vs-dropdown-min-width: 160px;
|
|
||||||
--vs-dropdown-max-height: 350px;
|
|
||||||
--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);
|
|
||||||
|
|
||||||
/* Options */
|
|
||||||
--vs-dropdown-option-bg: #000;
|
|
||||||
--vs-dropdown-option-color: #fff;
|
|
||||||
--vs-dropdown-option-padding: 3px 20px;
|
|
||||||
|
|
||||||
/* Active State */
|
|
||||||
--vs-dropdown-option--active-bg: #5897fb;
|
|
||||||
--vs-dropdown-option--active-color: #fff;
|
|
||||||
|
|
||||||
/* Deselect State */
|
|
||||||
--vs-dropdown-option--deselect-bg: #fb5858;
|
|
||||||
--vs-dropdown-option--deselect-color: #fff;
|
|
||||||
|
|
||||||
/* Transitions */
|
|
||||||
--vs-transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
|
|
||||||
--vs-transition-duration: 150ms;
|
|
||||||
}
|
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
<svg aria-hidden="true" viewBox="0 0 16 16">
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
d="M7.23 3.333C7.757 2.905 7.68 2 7 2a6 6 0 1 0 0 12c.68 0 .758-.905.23-1.332A5.989 5.989 0 0 1 5 8c0-1.885.87-3.568 2.23-4.668ZM12 5a1 1 0 0 1 1 1 1 1 0 0 0 1 1 1 1 0 1 1 0 2 1 1 0 0 0-1 1 1 1 0 1 1-2 0 1 1 0 0 0-1-1 1 1 0 1 1 0-2 1 1 0 0 0 1-1 1 1 0 0 1 1-1Z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 407 B |
@@ -0,0 +1,7 @@
|
|||||||
|
<svg aria-hidden="true" viewBox="0 0 16 16">
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
d="M7 1a1 1 0 0 1 2 0v1a1 1 0 1 1-2 0V1Zm4 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm2.657-5.657a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm-1.415 11.313-.707-.707a1 1 0 0 1 1.415-1.415l.707.708a1 1 0 0 1-1.415 1.414ZM16 7.999a1 1 0 0 0-1-1h-1a1 1 0 1 0 0 2h1a1 1 0 0 0 1-1ZM7 14a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1Zm-2.536-2.464a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm0-8.486A1 1 0 0 1 3.05 4.464l-.707-.707a1 1 0 0 1 1.414-1.414l.707.707ZM3 8a1 1 0 0 0-1-1H1a1 1 0 0 0 0 2h1a1 1 0 0 0 1-1Z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 700 B |
@@ -0,0 +1,9 @@
|
|||||||
|
<svg aria-hidden="true" viewBox="0 0 16 16">
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
d="M1 4a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3h-1.5l.31 1.242c.084.333.36.573.63.808.091.08.182.158.264.24A1 1 0 0 1 11 15H5a1 1 0 0 1-.704-1.71c.082-.082.173-.16.264-.24.27-.235.546-.475.63-.808L5.5 11H4a3 3 0 0 1-3-3V4Zm3-1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H4Z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
|
||||||
|
After Width: | Height: | Size: 446 B |
@@ -6,9 +6,10 @@ import {
|
|||||||
ListboxOption,
|
ListboxOption,
|
||||||
ListboxOptions,
|
ListboxOptions,
|
||||||
} from '@headlessui/vue'
|
} from '@headlessui/vue'
|
||||||
import LightIcon from '~/components/icons/LightIcon.vue'
|
|
||||||
import DarkIcon from '~/components/icons/DarkIcon.vue'
|
import LightIcon from '~/assets/svg/light-icon.svg'
|
||||||
import SystemIcon from '~/components/icons/SystemIcon.vue'
|
import DarkIcon from '~/assets/svg/dark-icon.svg'
|
||||||
|
import SystemIcon from '~/assets/svg/system-icon.svg'
|
||||||
|
|
||||||
const themes = [
|
const themes = [
|
||||||
{ name: 'Light', value: 'light', icon: LightIcon },
|
{ name: 'Light', value: 'light', icon: LightIcon },
|
||||||
@@ -21,7 +22,6 @@ const colorMode = useColorMode()
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="relative z-10">
|
<div class="relative z-10">
|
||||||
<ClientOnly>
|
|
||||||
<Listbox as="div" v-model="colorMode.preference">
|
<Listbox as="div" v-model="colorMode.preference">
|
||||||
<ListboxLabel class="sr-only">Theme</ListboxLabel>
|
<ListboxLabel class="sr-only">Theme</ListboxLabel>
|
||||||
<ListboxButton
|
<ListboxButton
|
||||||
@@ -75,6 +75,5 @@ const colorMode = useColorMode()
|
|||||||
</ListboxOption>
|
</ListboxOption>
|
||||||
</ListboxOptions>
|
</ListboxOptions>
|
||||||
</Listbox>
|
</Listbox>
|
||||||
</ClientOnly>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -1,11 +0,0 @@
|
|||||||
<script setup lang="ts"></script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<svg aria-hidden="true" viewBox="0 0 16 16">
|
|
||||||
<path
|
|
||||||
fill-rule="evenodd"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
d="M7.23 3.333C7.757 2.905 7.68 2 7 2a6 6 0 1 0 0 12c.68 0 .758-.905.23-1.332A5.989 5.989 0 0 1 5 8c0-1.885.87-3.568 2.23-4.668ZM12 5a1 1 0 0 1 1 1 1 1 0 0 0 1 1 1 1 0 1 1 0 2 1 1 0 0 0-1 1 1 1 0 1 1-2 0 1 1 0 0 0-1-1 1 1 0 1 1 0-2 1 1 0 0 0 1-1 1 1 0 0 1 1-1Z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</template>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<template>
|
|
||||||
<svg aria-hidden="true" viewBox="0 0 16 16">
|
|
||||||
<path
|
|
||||||
fill-rule="evenodd"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
d="M7 1a1 1 0 0 1 2 0v1a1 1 0 1 1-2 0V1Zm4 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm2.657-5.657a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm-1.415 11.313-.707-.707a1 1 0 0 1 1.415-1.415l.707.708a1 1 0 0 1-1.415 1.414ZM16 7.999a1 1 0 0 0-1-1h-1a1 1 0 1 0 0 2h1a1 1 0 0 0 1-1ZM7 14a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1Zm-2.536-2.464a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm0-8.486A1 1 0 0 1 3.05 4.464l-.707-.707a1 1 0 0 1 1.414-1.414l.707.707ZM3 8a1 1 0 0 0-1-1H1a1 1 0 0 0 0 2h1a1 1 0 0 0 1-1Z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</template>
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
<script setup lang="ts"></script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<svg aria-hidden="true" viewBox="0 0 16 16">
|
|
||||||
<path
|
|
||||||
fill-rule="evenodd"
|
|
||||||
clip-rule="evenodd"
|
|
||||||
d="M1 4a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3h-1.5l.31 1.242c.084.333.36.573.63.808.091.08.182.158.264.24A1 1 0 0 1 11 15H5a1 1 0 0 1-.704-1.71c.082-.082.173-.16.264-.24.27-.235.546-.475.63-.808L5.5 11H4a3 3 0 0 1-3-3V4Zm3-1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H4Z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</template>
|
|
||||||
+21
-19
@@ -1,24 +1,31 @@
|
|||||||
import { resolve } from 'path'
|
import { resolve } from 'path'
|
||||||
// https://v3.nuxtjs.org/api/configuration/nuxt.config
|
// https://v3.nuxtjs.org/api/configuration/nuxt.config
|
||||||
export default defineNuxtConfig({
|
export default defineNuxtConfig({
|
||||||
css: ['~/assets/styles/fonts.css', '~/assets/styles/variables.css'],
|
css: ['~/assets/styles/main.css'],
|
||||||
|
modules: [
|
||||||
modules: ['@nuxtjs/tailwindcss', '@nuxtjs/color-mode', '@nuxt/content'],
|
'@nuxtjs/color-mode',
|
||||||
|
'@nuxt/content',
|
||||||
|
'@nuxtjs/google-fonts',
|
||||||
|
'nuxt-svgo',
|
||||||
|
],
|
||||||
// https://color-mode.nuxtjs.org/
|
// https://color-mode.nuxtjs.org/
|
||||||
colorMode: { classSuffix: '' },
|
colorMode: { classSuffix: '' },
|
||||||
|
postcss: {
|
||||||
|
plugins: {
|
||||||
|
'tailwindcss/nesting': {},
|
||||||
|
tailwindcss: {},
|
||||||
|
autoprefixer: {},
|
||||||
|
},
|
||||||
|
},
|
||||||
app: {
|
app: {
|
||||||
head: {
|
head: {
|
||||||
title: 'Vue Select',
|
title: 'Vue Select',
|
||||||
meta: [{ name: 'description', content: 'My amazing site.' }],
|
meta: [{ name: 'description', content: 'My amazing site.' }],
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
// https://content.nuxtjs.org/api/configuration
|
// https://content.nuxtjs.org/api/configuration
|
||||||
content: {
|
content: {
|
||||||
documentDriven: true,
|
documentDriven: true,
|
||||||
|
|
||||||
// https://content.nuxtjs.org/api/configuration/#highlighttheme
|
// https://content.nuxtjs.org/api/configuration/#highlighttheme
|
||||||
highlight: {
|
highlight: {
|
||||||
theme: {
|
theme: {
|
||||||
@@ -27,15 +34,15 @@ export default defineNuxtConfig({
|
|||||||
// sepia: "monokai",
|
// sepia: "monokai",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
},
|
||||||
markdown: {
|
svgo: {
|
||||||
remarkPlugins: {},
|
defaultImport: 'component',
|
||||||
rehypePlugins: {
|
},
|
||||||
'rehype-autolink-headings': false,
|
googleFonts: {
|
||||||
|
families: {
|
||||||
|
'Public+Sans': [300, 400, 500, 600],
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
|
||||||
|
|
||||||
vite: {
|
vite: {
|
||||||
resolve: {
|
resolve: {
|
||||||
alias: {
|
alias: {
|
||||||
@@ -44,9 +51,4 @@ export default defineNuxtConfig({
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
build: {
|
|
||||||
// @see https://github.com/tailwindlabs/headlessui/discussions/1545#discussioncomment-2871517
|
|
||||||
transpile: ['@headlessui/vue'],
|
|
||||||
},
|
|
||||||
})
|
})
|
||||||
|
|||||||
+19
-11
@@ -7,18 +7,26 @@
|
|||||||
"preview": "nuxt preview"
|
"preview": "nuxt preview"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@nuxt/content": "^2.2.2",
|
"@nuxt/content": "^2.12.1",
|
||||||
"@nuxtjs/color-mode": "^3.2.0",
|
"@nuxt/eslint-config": "^0.2.0",
|
||||||
"@nuxtjs/tailwindcss": "^6.1.3",
|
"@nuxtjs/color-mode": "^3.3.3",
|
||||||
"@tailwindcss/typography": "^0.5.8",
|
"@nuxtjs/google-fonts": "^3.2.0",
|
||||||
"nuxt": "3.0.0",
|
"@tailwindcss/typography": "^0.5.10",
|
||||||
"prettier": "^2.8.1",
|
"@vue/eslint-config-prettier": "^9.0.0",
|
||||||
"prettier-plugin-tailwindcss": "^0.2.0"
|
"@vue/eslint-config-typescript": "^13.0.0",
|
||||||
|
"autoprefixer": "^10.4.19",
|
||||||
|
"eslint": "^8.57.0",
|
||||||
|
"eslint-plugin-prettier": "^5.1.3",
|
||||||
|
"eslint-plugin-vue": "^9.23.0",
|
||||||
|
"nuxt": "3.11.1",
|
||||||
|
"nuxt-svgo": "^4.0.0",
|
||||||
|
"prettier": "^3.2.5",
|
||||||
|
"prettier-plugin-tailwindcss": "^0.5.12"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@headlessui/vue": "^1.7.4",
|
"@headlessui/vue": "^1.7.19",
|
||||||
"@heroicons/vue": "^2.0.13",
|
"@heroicons/vue": "^2.1.1",
|
||||||
"@vueuse/core": "^9.6.0",
|
"@vueuse/core": "^10.9.0",
|
||||||
"npm": "^9.2.0"
|
"tailwindcss": "^3.4.1"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,7 +2,15 @@ const defaultTheme = require('tailwindcss/defaultTheme')
|
|||||||
|
|
||||||
/** @type {import('tailwindcss').Config} */
|
/** @type {import('tailwindcss').Config} */
|
||||||
module.exports = {
|
module.exports = {
|
||||||
content: ['./pages/**/*.{js,vue}', 'app.vue'],
|
content: [
|
||||||
|
'./components/**/*.{js,vue,ts}',
|
||||||
|
'./hooks/**/*.{js,vue,ts}',
|
||||||
|
'./layouts/**/*.vue',
|
||||||
|
'./pages/**/*.vue',
|
||||||
|
'./plugins/**/*.{js,ts}',
|
||||||
|
'./nuxt.config.{js,ts}',
|
||||||
|
'./app.vue',
|
||||||
|
],
|
||||||
darkMode: 'class',
|
darkMode: 'class',
|
||||||
theme: {
|
theme: {
|
||||||
fontSize: {
|
fontSize: {
|
||||||
|
|||||||
+23
-23
@@ -48,34 +48,34 @@
|
|||||||
"vue": "3.x"
|
"vue": "3.x"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@rushstack/eslint-patch": "^1.2.0",
|
"@rushstack/eslint-patch": "^1.8.0",
|
||||||
"@semantic-release/git": "^10.0.1",
|
"@semantic-release/git": "^10.0.1",
|
||||||
"@semantic-release/github": "^8.0.7",
|
"@semantic-release/github": "^10.0.2",
|
||||||
"@types/jsdom": "^20.0.1",
|
"@types/jsdom": "^21.1.6",
|
||||||
"@types/node": "^18.11.10",
|
"@types/node": "^20.11.30",
|
||||||
"@vitejs/plugin-vue": "^3.2.0",
|
"@vitejs/plugin-vue": "^5.0.4",
|
||||||
"@vitest/coverage-c8": "^0.25.3",
|
"@vitest/coverage-c8": "^0.33.0",
|
||||||
"@vue/eslint-config-prettier": "^7.0.0",
|
"@vue/eslint-config-prettier": "^9.0.0",
|
||||||
"@vue/eslint-config-typescript": "^11.0.2",
|
"@vue/eslint-config-typescript": "^13.0.0",
|
||||||
"@vue/test-utils": "^2.2.4",
|
"@vue/test-utils": "^2.4.5",
|
||||||
"@vue/tsconfig": "^0.1.3",
|
"@vue/tsconfig": "^0.5.1",
|
||||||
"autoprefixer": "^10.4.13",
|
"autoprefixer": "^10.4.19",
|
||||||
"bundlewatch": "^0.3.3",
|
"bundlewatch": "^0.3.3",
|
||||||
"commitizen": "^4.2.5",
|
"commitizen": "^4.3.0",
|
||||||
"coveralls": "^3.1.1",
|
"coveralls": "^3.1.1",
|
||||||
"cross-env": "^7.0.3",
|
"cross-env": "^7.0.3",
|
||||||
"cz-conventional-changelog": "3.3.0",
|
"cz-conventional-changelog": "3.3.0",
|
||||||
"eslint": "^8.28.0",
|
"eslint": "^8.57.0",
|
||||||
"eslint-plugin-vue": "^9.8.0",
|
"eslint-plugin-vue": "^9.23.0",
|
||||||
"jsdom": "^20.0.3",
|
"jsdom": "^24.0.0",
|
||||||
"postcss-nested": "^6.0.0",
|
"postcss-nested": "^6.0.1",
|
||||||
"prettier": "^2.8.0",
|
"prettier": "^3.2.5",
|
||||||
"semantic-release": "^19.0.5",
|
"semantic-release": "^23.0.5",
|
||||||
"typescript": "^4.9.3",
|
"typescript": "^5.4.3",
|
||||||
"vite": "^3.2.4",
|
"vite": "^5.2.2",
|
||||||
"vitest": "^0.25.3",
|
"vitest": "^1.4.0",
|
||||||
"vue": "^3.2.45",
|
"vue": "^3.4.21",
|
||||||
"vue-tsc": "^1.0.10"
|
"vue-tsc": "^2.0.7"
|
||||||
},
|
},
|
||||||
"config": {
|
"config": {
|
||||||
"commitizen": {
|
"commitizen": {
|
||||||
|
|||||||
Generated
+6909
-5286
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user