diff --git a/.github/actions/yarn-install/action.yml b/.github/actions/yarn-install/action.yml index aff639a366f..7d6897279d7 100644 --- a/.github/actions/yarn-install/action.yml +++ b/.github/actions/yarn-install/action.yml @@ -1,6 +1,11 @@ name: Yarn install description: Restore node_modules and cache, then run yarn install +inputs: + npm-token: + description: 'NPM token' + required: true + runs: using: composite steps: diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 463c6ff5362..afe39e48803 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -8,6 +8,7 @@ env: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} CROWDIN_PROJECT_ID: ${{ secrets.CROWDIN_PROJECT_ID }} CROWDIN_PERSONAL_TOKEN: ${{ secrets.CROWDIN_PERSONAL_TOKEN }} + NPM_TOKEN: ${{ secrets.NPM_TOKEN }} jobs: pre_job: diff --git a/.npmrc b/.npmrc new file mode 100644 index 00000000000..b52f3c0e071 --- /dev/null +++ b/.npmrc @@ -0,0 +1,2 @@ +//registry.npmjs.org/:_authToken=${NPM_TOKEN} +@vuetify:registry=https://registry.npmjs.org/ diff --git a/packages/api-generator/src/locale/en/VBtn.json b/packages/api-generator/src/locale/en/VBtn.json index bc1ff901269..222417ff8e5 100644 --- a/packages/api-generator/src/locale/en/VBtn.json +++ b/packages/api-generator/src/locale/en/VBtn.json @@ -4,6 +4,7 @@ "flat": "Removes the button box shadow. This is different than using the 'flat' variant.", "icon": "Apply a specific icon using the [v-icon](/components/icons/) component. The button will become _round_.", "plain": "Removes the default background change applied when hovering over the button.", - "stacked": "Displays the button as a flex-column." + "stacked": "Displays the button as a flex-column.", + "slim": "Reduces padding to 0 8px." } } diff --git a/packages/api-generator/src/locale/en/VList.json b/packages/api-generator/src/locale/en/VList.json index 43273c53ca9..742a35ec945 100644 --- a/packages/api-generator/src/locale/en/VList.json +++ b/packages/api-generator/src/locale/en/VList.json @@ -5,6 +5,7 @@ "lines": "Designates a **minimum-height** for all children `v-list-item` components. This prop uses [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp) and is not supported in all browsers.", "link": "Applies `v-list-item` hover styles. Useful when using the item is an _activator_.", "nav": "An alternative styling that reduces `v-list-item` width and rounds the corners. Typically used with **[v-navigation-drawer](/components/navigation-drawers)**.", - "subheader": "Removes the top padding from `v-list-subheader` components. When used as a **String**, renders a subheader for you." + "subheader": "Removes the top padding from `v-list-subheader` components. When used as a **String**, renders a subheader for you.", + "slim": "Reduces horizontal spacing for badges, icons, tooltips, and avatars within slim list items to create a more compact visual representation." } } diff --git a/packages/docs/package.json b/packages/docs/package.json index 15f9f95bc2b..508521f1b1c 100644 --- a/packages/docs/package.json +++ b/packages/docs/package.json @@ -23,6 +23,7 @@ "@cosmicjs/sdk": "^1.0.10", "@vuelidate/core": "^2.0.3", "@vuelidate/validators": "^2.0.4", + "@vuetify/one": "^0.0.6", "algoliasearch": "^4.20.0", "fflate": "^0.8.1", "isomorphic-fetch": "^3.0.0", diff --git a/packages/docs/src/App.vue b/packages/docs/src/App.vue index 4ca479a7444..f6008a9bb7a 100644 --- a/packages/docs/src/App.vue +++ b/packages/docs/src/App.vue @@ -10,8 +10,7 @@ import { useTheme } from 'vuetify' // Stores - import { useAuthStore } from '@/store/auth' - import { useUserStore } from '@/store/user' + import { useAuthStore, useUserStore } from '@vuetify/one' // Utilities import { computed, nextTick, onBeforeMount, ref, watch, watchEffect } from 'vue' diff --git a/packages/docs/src/components/api/ApiTable.vue b/packages/docs/src/components/api/ApiTable.vue index 3febb17fb0d..a2615d1fcf3 100644 --- a/packages/docs/src/components/api/ApiTable.vue +++ b/packages/docs/src/components/api/ApiTable.vue @@ -71,7 +71,7 @@ // Stores import { useAppStore } from '@/store/app' import { useLocaleStore } from '@/store/locale' - import { useUserStore } from '@/store/user' + import { useUserStore } from '@vuetify/one' const props = defineProps({ headers: { diff --git a/packages/docs/src/components/api/Inline.vue b/packages/docs/src/components/api/Inline.vue index 20ed5216e46..676ae70b1f6 100644 --- a/packages/docs/src/components/api/Inline.vue +++ b/packages/docs/src/components/api/Inline.vue @@ -40,7 +40,7 @@ // Composables import { useI18n } from 'vue-i18n' import { useRoute } from 'vue-router' - import { useUserStore } from '@/store/user' + import { useUserStore } from '@vuetify/one' // Utilities import { computed, onBeforeMount, ref } from 'vue' diff --git a/packages/docs/src/components/app/Banner.vue b/packages/docs/src/components/app/Banner.vue index 994b2742f1c..a20219335c4 100644 --- a/packages/docs/src/components/app/Banner.vue +++ b/packages/docs/src/components/app/Banner.vue @@ -77,7 +77,7 @@ import { useDisplay } from 'vuetify' import { useGtag } from 'vue-gtag-next' import { useRoute } from 'vue-router' - import { useUserStore } from '@/store/user' + import { useUserStore } from '@vuetify/one' // Utilities import { computed, onBeforeMount } from 'vue' diff --git a/packages/docs/src/components/app/Markup.vue b/packages/docs/src/components/app/Markup.vue index 1f27070a086..c788ef2a950 100644 --- a/packages/docs/src/components/app/Markup.vue +++ b/packages/docs/src/components/app/Markup.vue @@ -71,7 +71,7 @@ // Composables import { useI18n } from 'vue-i18n' import { useTheme } from 'vuetify' - import { useUserStore } from '@/store/user' + import { useUserStore } from '@vuetify/one' // Utilities import { ComponentPublicInstance, computed, ref, watchEffect } from 'vue' diff --git a/packages/docs/src/components/app/Toc.vue b/packages/docs/src/components/app/Toc.vue index 3fc4ccea99d..8092beff699 100644 --- a/packages/docs/src/components/app/Toc.vue +++ b/packages/docs/src/components/app/Toc.vue @@ -103,14 +103,17 @@ /> - + - + @@ -125,15 +128,19 @@ // Composables import { useRoute, useRouter } from 'vue-router' - import { storeToRefs } from 'pinia' + import { useTheme } from 'vuetify' + + // Stores import { useAppStore } from '@/store/app' + import { useUserStore } from '@vuetify/one' import { useSponsorsStore } from '@/store/sponsors' - import { useTheme } from 'vuetify' + import { useSpotStore } from '@/store/spot' // Utilities import { computed, nextTick, onMounted, onScopeDispose, ref, watch } from 'vue' import { gtagClick } from '@/util/analytics' import { rpath } from '@/util/routes' + import { storeToRefs } from 'pinia' type TocItem = { to: string; @@ -145,7 +152,9 @@ const route = useRoute() const router = useRouter() + const spot = useSpotStore() const theme = useTheme() + const user = useUserStore() const routeToc = computed(() => route.meta.toc as TocItem[] | undefined) diff --git a/packages/docs/src/components/app/V2Banner.vue b/packages/docs/src/components/app/V2Banner.vue index 0aa881dae7e..339393ed704 100644 --- a/packages/docs/src/components/app/V2Banner.vue +++ b/packages/docs/src/components/app/V2Banner.vue @@ -36,7 +36,7 @@ diff --git a/packages/docs/src/components/app/bar/NotificationsMenu.vue b/packages/docs/src/components/app/bar/NotificationsMenu.vue index 2293fb726f9..8840d926766 100644 --- a/packages/docs/src/components/app/bar/NotificationsMenu.vue +++ b/packages/docs/src/components/app/bar/NotificationsMenu.vue @@ -120,7 +120,7 @@ import { useI18n } from 'vue-i18n' // Stores - import { useUserStore } from '@/store/user' + import { useUserStore } from '@vuetify/one' // Utilities import { computed, onMounted, ref } from 'vue' @@ -184,7 +184,7 @@ } function toggle ({ slug }: Notification) { user.notifications.read = user.notifications.read.includes(slug) - ? user.notifications.read.filter(n => n !== slug) + ? user.notifications.read.filter((n: any) => n !== slug) : [...user.notifications.read, slug] } diff --git a/packages/docs/src/components/app/bar/ThemeToggle.vue b/packages/docs/src/components/app/bar/ThemeToggle.vue index 0ff5300943d..e1fa40d9d6a 100644 --- a/packages/docs/src/components/app/bar/ThemeToggle.vue +++ b/packages/docs/src/components/app/bar/ThemeToggle.vue @@ -12,7 +12,7 @@ // Composables import { useRoute } from 'vue-router' import { useTheme } from 'vuetify' - import { useUserStore } from '@/store/user' + import { useUserStore } from '@vuetify/one' // Utilities import { computed } from 'vue' diff --git a/packages/docs/src/components/app/drawer/Append.vue b/packages/docs/src/components/app/drawer/Append.vue index 223d49093ad..8be55d7c1a1 100644 --- a/packages/docs/src/components/app/drawer/Append.vue +++ b/packages/docs/src/components/app/drawer/Append.vue @@ -36,7 +36,7 @@ import DrawerToggleRail from '@/components/app/drawer/DrawerToggleRail.vue' // Stores - import { useAuthStore } from '@/store/auth' + import { useAuthStore } from '@vuetify/one' import { useCommitsStore } from '@/store/commits' // Utilities diff --git a/packages/docs/src/components/app/drawer/Drawer.vue b/packages/docs/src/components/app/drawer/Drawer.vue index 88ba11df250..b0aff3b8cb2 100644 --- a/packages/docs/src/components/app/drawer/Drawer.vue +++ b/packages/docs/src/components/app/drawer/Drawer.vue @@ -35,7 +35,7 @@ // Stores import { useAppStore } from '@/store/app' - import { useUserStore } from '@/store/user' + import { useUserStore } from '@vuetify/one' const app = useAppStore() const user = useUserStore() diff --git a/packages/docs/src/components/app/drawer/DrawerToggleRail.vue b/packages/docs/src/components/app/drawer/DrawerToggleRail.vue index b051efd8051..195a3d98e2c 100644 --- a/packages/docs/src/components/app/drawer/DrawerToggleRail.vue +++ b/packages/docs/src/components/app/drawer/DrawerToggleRail.vue @@ -11,7 +11,7 @@