chore: update dependencies

rotki · Nov 19, 2024 · 9bf8b4a · 9bf8b4a
1 parent 167294f
commit 9bf8b4a
Show file tree

Hide file tree

Showing 18 changed files with 2,932 additions and 3,040 deletions.
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -1,4 +1,4 @@
-@import 'media';
+@use 'media';
 
 html {
   @apply antialiased;

diff --git a/components/account/InputField.vue b/components/account/InputField.vue
@@ -131,8 +131,8 @@ const slots = useSlots();
 </template>
 
 <style lang="scss" module>
-@import '@/assets/css/media';
-@import '@/assets/css/main';
+@use '@/assets/css/media';
+@use '@/assets/css/main';
 
 .wrapper {
   @apply flex flex-col pt-2.5;

diff --git a/components/common/BoxContainer.vue b/components/common/BoxContainer.vue
@@ -23,8 +23,8 @@ const css = useCssModule();
 </template>
 
 <style lang="scss" module>
-@import '@/assets/css/media';
-@import '@/assets/css/main';
+@use '@/assets/css/media';
+@use '@/assets/css/main';
 
 .box {
   @apply border p-4 md:p-7 rounded-sm bg-white w-full md:w-96;

diff --git a/components/common/InputWithCopyButton.vue b/components/common/InputWithCopyButton.vue
@@ -1,12 +1,25 @@
 <script setup lang="ts">
-defineProps<{
-  disabled?: boolean;
+import type { TextFieldProps } from '@rotki/ui-library/components';
+
+type Props = TextFieldProps & {
   copyValue: string;
-}>();
+};
+
+defineOptions({
+  inheritAttrs: false,
+});
+
+const modelValue = defineModel<string>({ required: true });
+
+defineProps<Props>();
 </script>
 
 <template>
-  <RuiTextField color="primary">
+  <RuiTextField
+    v-model="modelValue"
+    color="primary"
+    v-bind="$attrs"
+  >
     <template
       v-if="$slots.prepend"
       #prepend

diff --git a/components/common/LinkText.vue b/components/common/LinkText.vue
@@ -11,7 +11,7 @@ const css = useCssModule();
 </template>
 
 <style lang="scss" module>
-@import '@/assets/css/media';
+@use '@/assets/css/media';
 
 .column {
   @apply flex flex-col uppercase justify-center text-rui-text;

diff --git a/components/common/PageContainer.vue b/components/common/PageContainer.vue
@@ -54,8 +54,8 @@ const slots = useSlots();
 </template>
 
 <style lang="scss" module>
-@import '@/assets/css/media';
-@import '@/assets/css/main';
+@use '@/assets/css/media' as media;
+@use '@/assets/css/main';
 
 .wrapper {
   @apply flex flex-col min-h-full flex-grow py-12;
@@ -80,15 +80,15 @@ const slots = useSlots();
 .details.wideBody {
   max-width: 85%;
 
-  @include for-size(phone-only) {
+  @include media.for-size(phone-only) {
     max-width: 90%;
   }
 }
 
 .details {
   @apply w-full 2xl:max-w-5xl xl:max-w-3xl;
 
-  @include for-size(phone-only) {
+  @include media.for-size(phone-only) {
     width: 90%;
   }
 }

diff --git a/components/common/TextHeading.vue b/components/common/TextHeading.vue
@@ -29,8 +29,8 @@ const css = useCssModule();
 </template>
 
 <style lang="scss" module>
-@import '@/assets/css/media';
-@import '@/assets/css/main';
+@use '@/assets/css/media';
+@use '@/assets/css/main';
 
 .heading {
   @apply text-rui-text font-bold text-2xl;

diff --git a/components/common/TextParagraph.vue b/components/common/TextParagraph.vue
@@ -23,18 +23,18 @@ const css = useCssModule();
 </template>
 
 <style lang="scss" module>
-@import '@/assets/css/media';
-@import '@/assets/css/main';
+@use '@/assets/css/media' as media;
+@use '@/assets/css/main';
 
 .text {
   @apply text-rui-grey-800 text-justify;
 
   margin-top: 16px;
 
-  @include text-size(18px, 26px);
+  @include media.text-size(18px, 26px);
 }
 
 .small {
-  @include text-size(14px, 20px);
+  @include media.text-size(14px, 20px);
 }
 </style>
diff --git a/components/home/plans/details/CustomPlan.vue b/components/home/plans/details/CustomPlan.vue
@@ -44,8 +44,8 @@ const css = useCssModule();
 </template>
 
 <style lang="scss" module>
-@import '@/assets/css/main';
-@import '@/assets/css/media';
+@use '@/assets/css/main';
+@use '@/assets/css/media';
 
 .wrapper {
   margin-top: 247px;

diff --git a/i18n.config.ts → i18n/i18n.config.ts b/i18n.config.ts → i18n/i18n.config.ts
@@ -1,5 +1,5 @@
 export default defineI18nConfig(() => ({
-  fallbackLocale: 'en',
+  fallbackLocale: 'en-US',
   legacy: false,
-  locale: 'en',
+  locale: 'en-US',
 }));
diff --git a/locales/en.json → i18n/locales/en.json b/locales/en.json → i18n/locales/en.json
diff --git a/modules/ui-library/module.ts b/modules/ui-library/module.ts
@@ -32,6 +32,9 @@ export default defineNuxtModule<ModuleOptions>({
     }
 
     for (const composable in composables) {
+      if (composable === 'default') {
+        continue;
+      }
       addImports({
         as: composable,
         from: '@rotki/ui-library/composables',

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -121,12 +121,10 @@ export default defineNuxtConfig({
   },
 
   i18n: {
-    defaultLocale: 'en',
-    langDir: 'locales',
+    defaultLocale: 'en-US',
     lazy: true,
-    locales: [{ code: 'en', file: 'en.json', language: 'en-US' }],
+    locales: [{ code: 'en-US', file: 'en.json', language: 'en-US' }],
     strategy: 'no_prefix',
-    vueI18n: './i18n.config.ts',
   },
 
   modules: [

diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "rotki.com",
   "version": "1.24.0",
   "private": true,
-  "packageManager": "pnpm@9.12.1",
+  "packageManager": "pnpm@9.13.2",
   "type": "module",
   "scripts": {
     "dev": "nuxi dev",
@@ -25,75 +25,75 @@
     "release": "bumpp -r --no-push"
   },
   "optionalDependencies": {
-    "cypress": "13.15.0"
+    "cypress": "13.15.2"
   },
   "dependencies": {
     "@metamask/detect-provider": "2.0.0",
-    "@nuxtjs/robots": "4.1.7",
+    "@nuxtjs/robots": "4.1.11",
     "@nuxtjs/tailwindcss": "6.11.4",
-    "@pinia/nuxt": "0.5.5",
+    "@pinia/nuxt": "0.7.0",
     "@vuelidate/core": "2.0.3",
     "@vuelidate/validators": "2.0.4",
-    "@vueuse/core": "11.1.0",
-    "@vueuse/math": "11.1.0",
-    "@vueuse/nuxt": "11.1.0",
-    "@vueuse/shared": "11.1.0",
-    "braintree-web": "3.109.0",
-    "ethers": "6.13.3",
-    "pinia": "2.2.4",
+    "@vueuse/core": "11.2.0",
+    "@vueuse/math": "11.2.0",
+    "@vueuse/nuxt": "11.2.0",
+    "@vueuse/shared": "11.2.0",
+    "braintree-web": "3.112.0",
+    "ethers": "6.13.4",
+    "pinia": "2.2.6",
     "qrcode": "1.5.4",
-    "swiper": "11.1.14",
-    "vue": "3.5.11",
+    "swiper": "11.1.15",
+    "vue": "3.5.13",
     "vue-router": "4.4.5",
     "zod": "3.23.8"
   },
   "devDependencies": {
-    "@commitlint/cli": "19.5.0",
-    "@commitlint/config-conventional": "19.5.0",
+    "@commitlint/cli": "19.6.0",
+    "@commitlint/config-conventional": "19.6.0",
     "@fontsource/roboto": "5.1.0",
-    "@nuxt/content": "2.13.2",
-    "@nuxt/devtools": "1.5.2",
+    "@nuxt/content": "2.13.4",
+    "@nuxt/devtools": "1.6.0",
     "@nuxt/image": "1.8.1",
-    "@nuxt/test-utils": "3.14.3",
-    "@nuxtjs/i18n": "8.5.5",
-    "@nuxtjs/sitemap": "6.1.1",
-    "@rotki/eslint-config": "3.2.1",
+    "@nuxt/test-utils": "3.14.4",
+    "@nuxtjs/i18n": "9.1.0",
+    "@nuxtjs/sitemap": "6.1.5",
+    "@rotki/eslint-config": "3.5.0",
     "@rotki/eslint-plugin": "0.5.0",
-    "@rotki/ui-library": "1.5.0",
+    "@rotki/ui-library": "1.6.0",
     "@types/braintree-web": "3.96.15",
     "@types/paypal-checkout-components": "4.0.8",
     "@types/qrcode": "1.5.5",
-    "@vitest/coverage-v8": "2.1.2",
+    "@vitest/coverage-v8": "2.1.5",
     "@vue/test-utils": "2.4.6",
     "autoprefixer": "10.4.20",
-    "bumpp": "9.6.1",
-    "eslint": "9.12.0",
+    "bumpp": "9.8.1",
+    "eslint": "9.15.0",
     "eslint-plugin-nuxt": "4.0.0",
-    "happy-dom": "15.7.4",
-    "husky": "9.1.6",
+    "happy-dom": "15.11.6",
+    "husky": "9.1.7",
     "lint-staged": "15.2.10",
-    "msw": "2.4.9",
-    "nuxt": "3.13.2",
-    "postcss": "8.4.47",
+    "msw": "2.6.5",
+    "nuxt": "3.14.159",
+    "postcss": "8.4.49",
     "postcss-html": "1.7.0",
     "postcss-import": "16.1.0",
     "postcss-url": "10.1.3",
-    "rollup": "4.24.0",
-    "sass": "1.79.4",
-    "sass-loader": "16.0.2",
-    "stylelint": "16.9.0",
+    "rollup": "4.27.3",
+    "sass": "1.81.0",
+    "sass-loader": "16.0.3",
+    "stylelint": "16.10.0",
     "stylelint-config-recommended-vue": "1.5.0",
     "stylelint-config-standard": "36.0.1",
     "stylelint-config-standard-scss": "13.1.0",
     "stylelint-order": "6.0.4",
-    "stylelint-scss": "6.7.0",
-    "tailwindcss": "3.4.13",
-    "typescript": "5.6.2",
-    "vite": "5.4.8",
-    "vitest": "2.1.2",
+    "stylelint-scss": "6.9.0",
+    "tailwindcss": "3.4.15",
+    "typescript": "5.6.3",
+    "vite": "5.4.11",
+    "vitest": "2.1.5",
     "vitest-environment-nuxt": "1.0.1",
-    "vue-tsc": "2.1.6",
-    "webpack": "5.95.0"
+    "vue-tsc": "2.1.10",
+    "webpack": "5.96.1"
   },
   "engines": {
     "node": ">=20 <21",

diff --git a/pages/account-deleted.vue b/pages/account-deleted.vue
@@ -20,6 +20,6 @@ useHead({
 </template>
 
 <style lang="scss">
-@import '@/assets/css/media';
-@import '@/assets/css/main';
+@use '@/assets/css/media';
+@use '@/assets/css/main';
 </style>
diff --git a/pages/refund-policy.vue b/pages/refund-policy.vue
@@ -34,6 +34,6 @@ useHead({
 </template>
 
 <style lang="scss">
-@import '@/assets/css/media';
-@import '@/assets/css/main';
+@use '@/assets/css/media';
+@use '@/assets/css/main';
 </style>