refactor: convert to monorepo, drop obsolete styles plugin and css inlining, bump dependencies

Author: AndreyYolkin

.eslintignore

@@ -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)
   }
 }

.eslintrc

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

.nuxtrc

@@ -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>

.stackblitz.js

@@ -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/.nuxtrc

@@ -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": "^3.2.1",
+    "@date-io/date-fns-jalali": "^3.2.0",
+    "@date-io/dayjs": "^3.2.0",
+    "@date-io/hijri": "^3.2.0",
+    "@date-io/js-joda": "^3.2.0",
+    "@date-io/luxon": "^3.2.0",
+    "@date-io/moment": "^3.2.0",
+    "@js-joda/core": "^5.7.0",
+    "@js-joda/locale_en-us": "^4.15.3",
+    "@js-joda/locale_es": "^4.15.3",
+    "@types/date-fns": "^2.6.0",
+    "@types/moment": "^2.13.0",
+    "@types/moment-hijri": "^2.1.4",
+    "@types/moment-jalaali": "^0.7.9",
+    "@unocss/nuxt": "^66.6.2",
+    "date-fns": "^4.1.0",
+    "date-fns-jalali": "^2.19.0-2",
+    "dayjs": "^1.11.19",
+    "luxon": "^3.7.2",
+    "moment": "^2.30.1",
+    "moment-hijri": "^3.0.0",
+    "moment-jalaali": "0.9.2",
+    "nuxt": "^4.3.1",
+    "sass-embedded": "^1.97.3",
+    "typescript": "^5.9.3",
+    "vue-tsc": "^3.2.5",
+    "vuetify-nuxt-module": "workspace:*"
+  }
+}

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

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