Refactor/major

.github/workflows/cr.yml

@@ -4,21 +4,26 @@ on:
   pull_request:
     branches: [main]
     types: [opened, synchronize, labeled, ready_for_review]
+  workflow_dispatch:
 
-permissions: {}
+permissions:
+  contents: read
+  pull-requests: write
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.event.number }}
   cancel-in-progress: true
 
 jobs:
   release:
-    if: ${{ !github.event.pull_request.draft && contains(github.event.pull_request.labels.*.name, 'cr-tracked') }}
+    if: ${{ github.event_name == 'workflow_dispatch' || (!github.event.pull_request.draft && contains(github.event.pull_request.labels.*.name, 'cr-tracked')) }}
     runs-on: ubuntu-latest
 
     steps:
       - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v4.0.0
       - run: pnpm install
       - run: pnpm prepack
-      - run: pnpx pkg-pr-new publish --compact --no-template --pnpm
+      - run: pnpm dlx pkg-pr-new publish packages/vuetify-nuxt-module --compact --no-template --pnpm
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.stackblitz.js

@@ -1,14 +1,13 @@
 import { promises as fsPromises } from 'node:fs'
 
-removeParcel('./playground/nuxt.config.ts')
+removeParcel('./apps/playground/nuxt.config.ts')
 
-async function removeParcel(filename) {
+async function removeParcel (filename) {
   try {
-    const contents = await fsPromises.readFile(filename, 'utf-8')
+    const contents = await fsPromises.readFile(filename, 'utf8')
     const updatedContent = contents.replace('watcher: \'parcel\'', 'watcher: \'chokidar-granular\'')
     await fsPromises.writeFile(filename, updatedContent)
-  }
-  catch (err) {
-    console.error(err)
+  } catch (error) {
+    console.error(error)
   }
 }

LICENSE

@@ -0,0 +1 @@
+packages/vuetify-nuxt-module/LICENSE

README.md

@@ -0,0 +1 @@
+packages/vuetify-nuxt-module/README.md

apps/date-io-playground/.nuxtrc

@@ -0,0 +1 @@
+typescript.tsConfig.exclude[]=../../packages/vuetify-nuxt-module/src/runtime

apps/date-io-playground/app/app.vue

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+  import type DateFnsAdapter from '@date-io/date-fns'
+  import { adapter } from 'virtual:vuetify-date-configuration'
+
+  const dateString = ref('')
+
+  watch(dateString, x => {
+    console.log('dateString', x)
+  })
+
+  onMounted(() => {
+    const date = useVDate()
+    dateString.value = adapter === 'date-fns'
+      ? (date as DateFnsAdapter).formatByString(new Date(), 'dd MMMM yyyy')
+      : date.format(date.parseISO(new Date().toISOString()), 'fullDate')
+  })
+</script>
+
+<template>
+  <div>
+    <div class="adapter">
+      @date-io/{{ adapter }}: {{ dateString }}
+    </div>
+    <br>
+    <v-date-picker />
+  </div>
+</template>
+
+<style>
+.adapter {
+  padding: 1rem;
+}
+</style>

date-io-playground/nuxt.config.ts → apps/date-io-playground/nuxt.config.ts

@@ -41,6 +41,7 @@ export default defineNuxtConfig({
     baseURL: '/',
     head: {
       meta: [
+        // eslint-disable-next-line unicorn/text-encoding-identifier-case
         { charset: 'utf-8' },
       ],
     },

apps/date-io-playground/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "vuetify-nuxt-module-date-io-playground",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev:prepare": "nuxt prepare",
+    "dev": "nuxt dev",
+    "build": "nuxt build",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview"
+  },
+  "devDependencies": {
+    "@date-io/date-fns": "catalog:",
+    "@date-io/date-fns-jalali": "catalog:",
+    "@date-io/dayjs": "catalog:",
+    "@date-io/hijri": "catalog:",
+    "@date-io/js-joda": "catalog:",
+    "@date-io/luxon": "catalog:",
+    "@date-io/moment": "catalog:",
+    "@js-joda/core": "catalog:",
+    "@js-joda/locale_en-us": "catalog:",
+    "@js-joda/locale_es": "catalog:",
+    "@types/date-fns": "catalog:",
+    "@types/moment": "catalog:",
+    "@types/moment-hijri": "catalog:",
+    "@types/moment-jalaali": "catalog:",
+    "@unocss/nuxt": "catalog:",
+    "date-fns": "catalog:",
+    "date-fns-jalali": "catalog:",
+    "dayjs": "catalog:",
+    "luxon": "catalog:",
+    "moment": "catalog:",
+    "moment-hijri": "catalog:",
+    "moment-jalaali": "catalog:",
+    "nuxt": "catalog:",
+    "sass-embedded": "catalog:",
+    "typescript": "catalog:",
+    "vue-tsc": "catalog:",
+    "vuetify-nuxt-module": "workspace:*"
+  }
+}

apps/playground/.nuxtrc

@@ -0,0 +1 @@
+typescript.tsConfig.exclude[]=../../packages/vuetify-nuxt-module/src/runtime

apps/playground/app/app.css

@@ -0,0 +1,5 @@
+@layer custom-l {
+  .bg-primary {
+    background: red;
+  }
+}

apps/playground/app/layers.css

@@ -0,0 +1 @@
+@layer vuetify-core, custom-l, vuetify-components, vuetify-overrides,  vuetify-utilities, vuetify-final;

apps/playground/app/layouts/default.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+//
+</script>
+
+<template>
+  <v-app>
+    <v-app-bar title="Vuetify Nuxt Module Playground" />
+    <v-main>
+      <v-container>
+        <slot />
+      </v-container>
+    </v-main>
+  </v-app>
+</template>

apps/playground/app/middleware/1.vuetify.global.ts

@@ -0,0 +1,5 @@
+export default defineNuxtRouteMiddleware(to => {
+  if (import.meta.client) {
+    console.log('global middleware', to.path, useNuxtApp().$vuetify)
+  }
+})

apps/playground/app/middleware/vuetify.ts

@@ -0,0 +1,5 @@
+export default defineNuxtRouteMiddleware(to => {
+  if (import.meta.client) {
+    console.log('middleware', to.path, useNuxtApp().$vuetify)
+  }
+})