fix: update tailwindcss

Author: gera2ld

assets/css/default.css

@@ -1,8 +1,6 @@
-@tailwind base;
-@tailwind comopnents;
-@tailwind utilities;
+@reference 'tailwindcss';
 
-.t-border {
+@utility transformers-border {
   @apply border border-gray-400 dark:border-gray-600;
 }
 
@@ -30,7 +28,7 @@ a {
 }
 
 button {
-  @apply t-border rounded px-2 py-1;
+  @apply transformers-border rounded px-2 py-1;
   &:hover {
     @apply bg-gray-200 dark:bg-gray-700;
   }
@@ -51,11 +49,11 @@ button {
 }
 
 .form-input {
-  @apply t-border block p-1 w-full bg-transparent;
+  @apply transformers-border block p-1 w-full bg-transparent;
 }
 
 .t-code {
-  @apply t-border h-[400px];
+  @apply transformers-border h-[400px];
 }
 .cm-editor {
   @apply h-full;
@@ -108,7 +106,7 @@ button {
     resize: none;
   }
   &-pipe {
-    @apply t-border inline-block px-2 py-1 rounded align-top;
+    @apply transformers-border inline-block px-2 py-1 rounded align-top;
     &.disabled {
       @apply text-gray-400 border-gray-300 dark:border-gray-700 dark:text-gray-500;
     }
@@ -127,7 +125,7 @@ code {
 }
 
 textarea {
-  @apply t-border;
+  @apply transformers-border;
 }
 
 .error {

babel.config.js

@@ -31,7 +31,7 @@
         </svg>
       </a>
     </div>
-    <div class="flex flex-col p-2 rounded t-border" style="height: 70vh">
+    <div class="flex flex-col p-2 rounded transformers-border" style="height: 70vh">
       <div class="form-group has-icon-right mb-2">
         <input type="search" class="form-input" v-model="state.search" />
       </div>

components/snapshot-panel.vue

@@ -14,12 +14,9 @@ export default defineNuxtConfig({
     '~/assets/css/default.css',
   ],
 
-  postcss: {
-    plugins: {
-      'tailwindcss/nesting': {},
-      tailwindcss: {},
-    },
-  },
+  modules: [
+    '@nuxtjs/tailwindcss',
+  ],
 
   vite: {
     define: {
@@ -29,4 +26,4 @@ export default defineNuxtConfig({
   },
 
   compatibilityDate: '2024-10-30'
-});
+});

nuxt.config.ts

@@ -14,31 +14,31 @@
     "postinstall": "nuxt prepare"
   },
   "devDependencies": {
-    "@codemirror/commands": "^6.7.1",
+    "@codemirror/commands": "^6.8.1",
     "@codemirror/lang-html": "^6.4.9",
     "@codemirror/lang-json": "^6.0.1",
     "@codemirror/lang-yaml": "^6.1.2",
-    "@codemirror/lint": "^6.8.4",
-    "@codemirror/state": "^6.4.1",
+    "@codemirror/lint": "^6.8.5",
+    "@codemirror/state": "^6.5.2",
     "@codemirror/theme-one-dark": "^6.1.2",
-    "@codemirror/view": "^6.35.0",
+    "@codemirror/view": "^6.37.1",
     "@gera2ld/format-json": "^0.3.0",
     "@iarna/toml": "^2.2.5",
     "@nuxtjs/pwa": "^3.3.5",
-    "@nuxtjs/tailwindcss": "^6.12.2",
+    "@nuxtjs/tailwindcss": "7.0.0-beta.0",
     "@types/js-yaml": "^4.0.9",
     "@violentmonkey/shortcut": "^1.4.4",
     "codemirror": "^6.0.1",
-    "common-lib": "git+https://gitlab.com/gera2ld/common-lib.git",
-    "husky": "^9.1.6",
+    "husky": "^9.1.7",
     "js-yaml": "^4.1.0",
     "json5": "^2.2.3",
-    "nuxt": "^3.13.2",
-    "otpauth": "^9.3.4",
+    "nuxt": "^3.17.5",
+    "otpauth": "^9.4.0",
     "plist": "^3.1.0",
-    "postcss": "^8.4.47",
-    "postcss-nested": "^6.2.0",
+    "postcss": "^8.5.4",
+    "postcss-nested": "^7.0.2",
     "qrcanvas-vue": "^3.0.0",
-    "yaml": "^2.6.0"
+    "tailwindcss": "^4.1.8",
+    "yaml": "^2.8.0"
   }
 }

package.json

@@ -69,21 +69,18 @@
 </template>
 
 <script setup lang="ts">
-import { computed, reactive, ref, watch } from "vue";
-import yaml from "yaml";
-import { QRCanvas } from "qrcanvas-vue";
-import { loadVMess, dumpVMess } from "~/components/url";
-import { defaultQROptions } from "~~/components/common";
-import CodeEditor from "~/components/code-editor.vue";
-import {
-  createClientConfig,
-  createServerConfig,
-} from "common-lib/src/v2fly-config";
+import { computed, reactive, ref, watch } from 'vue';
+import yaml from 'yaml';
+import { QRCanvas } from 'qrcanvas-vue';
+import { loadVMess, dumpVMess } from '~/components/url';
+import { defaultQROptions } from '~~/components/common';
+import CodeEditor from '~/components/code-editor.vue';
+import { createClientConfig, createServerConfig } from '~/util/v2fly-config';
 
 const editorList = ref<typeof CodeEditor>();
 const editorDetail = ref<typeof CodeEditor>();
 const state = reactive<{
-  editor: "list" | "detail";
+  editor: 'list' | 'detail';
   urlList: string;
   active: {
     /** Active 1-based line number, always >= 1 */
@@ -93,12 +90,12 @@ const state = reactive<{
     valid: boolean;
   };
 }>({
-  editor: "list",
-  urlList: "",
+  editor: 'list',
+  urlList: '',
   active: {
     line: 1,
-    url: "",
-    detail: "",
+    url: '',
+    detail: '',
     valid: true,
   },
 });
@@ -115,11 +112,11 @@ const optionsQR = computed(() => ({
 watch(
   () => [state.active.line, state.urlList, state.editor],
   () => {
-    if (state.editor !== "list") return;
-    const url = state.urlList.split("\n")[state.active.line - 1];
-    let value = "";
+    if (state.editor !== 'list') return;
+    const url = state.urlList.split('\n')[state.active.line - 1];
+    let value = '';
     let valid = true;
-    if (url.startsWith("vmess:")) {
+    if (url.startsWith('vmess:')) {
       let data: unknown;
       ({ data, valid } = loadVMess(new URL(url)));
       value = yaml.stringify(data);
@@ -135,8 +132,8 @@ watch(
 watch(
   () => state.active.detail,
   (value) => {
-    if (state.editor !== "detail" || !editorList.value) return;
-    let url = "";
+    if (state.editor !== 'detail' || !editorList.value) return;
+    let url = '';
     if (value) {
       try {
         url = dumpVMess(yaml.parse(value)).toString();
@@ -157,7 +154,7 @@ function onClientConfig() {
   try {
     const data = yaml.parse(state.active.detail);
     modal.value = {
-      title: "Client config",
+      title: 'Client config',
       content: JSON.stringify(createClientConfig(data), null, 2),
     };
   } catch {
@@ -170,7 +167,7 @@ function onServerConfig() {
   try {
     const data = yaml.parse(state.active.detail);
     modal.value = {
-      title: "Server config",
+      title: 'Server config',
       content: JSON.stringify(createServerConfig(data), null, 2),
     };
   } catch {