feat: Vue SDK - upgrade vue to version 3.5.x

packages/sdk-vue/CHANGES.md

@@ -1,5 +1,9 @@
 fusionauth-vue-sdk Changes
 
+Changes in 1.3.0
+
+- Upgraded to Vue 3.5.38. The minimum supported Vue peer dependency is now `>=3.5.0`.
+
 Changes in 1.2.0
 
 - [`postLogoutRedirectUri`](https://github.com/FusionAuth/fusionauth-javascript-sdk/blob/main/packages/sdk-vue/docs/interfaces/FusionAuthConfig.md#postlogoutredirecturi) config option added.

packages/sdk-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fusionauth/vue-sdk",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "FusionAuth solves the problem of building essential security without adding risk or distracting from your primary application",
   "type": "module",
   "scripts": {
@@ -19,27 +19,27 @@
   },
   "homepage": "https://github.com/FusionAuth/fusionauth-javascript-sdk/tree/main/packages/sdk-vue#readme",
   "peerDependencies": {
-    "vue": ">=3.0.0"
+    "vue": ">=3.5.0"
   },
   "devDependencies": {
     "@fusionauth-sdk/core": "*",
-    "@testing-library/vue": "^8.0.2",
+    "@testing-library/vue": "^8.1.0",
     "@types/node": "^18.11.18",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vue/test-utils": "^2.4.4",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vue/test-utils": "^2.4.11",
     "jsdom": "^24.0.0",
     "minimist": "1.2.8",
     "nuxt": "^3.12.1",
-    "sass": "1.65.1",
+    "sass": "^1.101.0",
     "typedoc": "^0.25.13",
     "typedoc-plugin-markdown": "^3.17.1",
     "typescript": "^5.0.2",
-    "vite": "^4.4.5",
-    "vite-plugin-dts": "3.5.1",
-    "vitest": "^1.3.1",
-    "vue": "^3.0.0",
+    "vite": "^6.0.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.6",
+    "vue": "^3.5.38",
     "vue-docgen-web-types": "0.1.8",
-    "vue-tsc": "^1.8.5"
+    "vue-tsc": "^3.3.5"
   },
   "files": [
     "dist/*"

packages/sdk-vue/src/components/FusionAuthAccountButton/FusionAuthAccountButton.vue

@@ -10,5 +10,5 @@ const { manageAccount } = useFusionAuth();
 </template>
 
 <style lang="scss" scoped>
-@import '#/styles/button.scss';
+@use '#/styles/button.scss' as *;
 </style>

packages/sdk-vue/src/components/FusionAuthLoginButton/FusionAuthLoginButton.vue

@@ -19,7 +19,7 @@ function doLogin() {
 </script>
 
 <style lang="scss" scoped>
-@import '#/styles/button.scss';
+@use '#/styles/button.scss' as *;
 
 .login-button {
   @extend .fusionauth-button;

packages/sdk-vue/src/components/FusionAuthLogoutButton/FusionAuthLogoutButton.vue

@@ -15,7 +15,7 @@ function doLogout() {
 </script>
 
 <style lang="scss" scoped>
-@import '#/styles/button.scss';
+@use '#/styles/button.scss' as *;
 
 .logout-button {
   @extend .fusionauth-button;

packages/sdk-vue/src/components/FusionAuthRegisterButton/FusionAuthRegisterButton.vue

@@ -19,7 +19,7 @@ function doRegister() {
 </script>
 
 <style lang="scss" scoped>
-@import '#/styles/button.scss';
+@use '#/styles/button.scss' as *;
 
 .register-button {
   @extend .fusionauth-button;

packages/sdk-vue/vite.config.ts

@@ -20,6 +20,12 @@ export default defineConfig({
         globals: {
           vue: 'Vue',
         },
+        assetFileNames: assetInfo => {
+          if (assetInfo.names?.includes('vue-fusionauth.css')) {
+            return 'style.css';
+          }
+          return assetInfo.names?.[0] ?? '[name][extname]';
+        },
       },
     },
   },