fix: change all styles to scoped

package.json

@@ -20,7 +20,7 @@
         "@fortawesome/free-brands-svg-icons": "6.5.2",
         "@fortawesome/free-solid-svg-icons": "6.5.2",
         "@fortawesome/vue-fontawesome": "3.0.8",
-        "@profabric/vue-components": "0.2.5-beta.3",
+        "@profabric/vue-components": "0.2.5-beta.5",
         "@vueuse/core": "10.9.0",
         "axios": "1.7.2",
         "firebase": "10.12.1",

src/components/input/input.vue

@@ -1,3 +1,3 @@
 <template src="./input.html"></template>
 <script src="./input.ts" lang="ts"></script>
-<style src="./input.scss" lang="scss"></style>
+<style src="./input.scss" lang="scss" scoped></style>

src/modules/forgot-password/forgot-password.vue

@@ -1,3 +1,3 @@
 <template src="./forgot-password.html"></template>
 <script src="./forgot-password.ts" lang="ts"></script>
-<style src="./forgot-password.scss" lang="scss"></style>
+<style src="./forgot-password.scss" lang="scss" scoped></style>

src/modules/login/login.html

@@ -43,7 +43,6 @@
                     <div class="col-5">
                         <pf-button
                             type="submit"
-                            block="true"
                             :loading="isAuthLoading"
                             :disabled="isGoogleLoading"
                             @click="loginByAuth"

src/modules/login/login.vue

@@ -1,3 +1,3 @@
 <template src="./login.html"></template>
 <script src="./login.ts" lang="ts"></script>
-<style src="./login.scss" lang="scss"></style>
+<style src="./login.scss" lang="scss" scoped></style>

src/modules/main/control-sidebar/control-sidebar.vue

@@ -1,3 +1,3 @@
 <template src="./control-sidebar.html"></template>
 <script src="./control-sidebar.ts" lang="ts"></script>
-<style src="./control-sidebar.scss" lang="scss"></style>
+<style src="./control-sidebar.scss" lang="scss" scoped></style>

src/modules/main/footer/footer.vue

@@ -1,3 +1,3 @@
 <template src="./footer.html"></template>
 <script src="./footer.ts" lang="ts"></script>
-<style src="./footer.scss" lang="scss"></style>
+<style src="./footer.scss" lang="scss" scoped></style>

src/modules/main/header/header.vue

@@ -1,3 +1,3 @@
 <template src="./header.html"></template>
 <script src="./header.ts" lang="ts"></script>
-<style src="./header.scss" lang="scss"></style>
+<style src="./header.scss" lang="scss" scoped></style>

src/modules/main/header/messages/messages.vue

@@ -1,3 +1,3 @@
 <template src="./messages.html"></template>
 <script src="./messages.ts" lang="ts"></script>
-<style src="./messages.scss" lang="scss"></style>
+<style src="./messages.scss" lang="scss" scoped></style>

src/modules/main/header/notifications/notifications.vue

@@ -1,3 +1,3 @@
 <template src="./notifications.html"></template>
 <script src="./notifications.ts" lang="ts"></script>
-<style src="./notifications.scss" lang="scss"></style>
+<style src="./notifications.scss" lang="scss" scoped></style>

src/modules/main/header/user/user.vue

@@ -1,3 +1,3 @@
 <template src="./user.html"></template>
 <script src="./user.ts" lang="ts"></script>
-<style src="./user.scss" lang="scss"></style>
+<style src="./user.scss" lang="scss" scoped></style>

src/modules/main/main.vue

@@ -1,3 +1,3 @@
 <template src="./main.html"></template>
 <script src="./main.ts" lang="ts"></script>
-<style src="./main.scss" lang="scss"></style>
+<style src="./main.scss" lang="scss" scoped></style>

src/modules/main/menu-sidebar/menu-sidebar.vue

@@ -1,3 +1,3 @@
 <template src="./menu-sidebar.html"></template>
 <script src="./menu-sidebar.ts" lang="ts"></script>
-<style src="./menu-sidebar.scss" lang="scss"></style>
+<style src="./menu-sidebar.scss" lang="scss" scoped></style>

src/modules/recover-password/recover-password.vue

@@ -1,3 +1,3 @@
 <template src="./recover-password.html"></template>
 <script src="./recover-password.ts" lang="ts"></script>
-<style src="./recover-password.scss" lang="scss"></style>
+<style src="./recover-password.scss" lang="scss" scoped></style>

src/modules/register/register.vue

@@ -1,3 +1,3 @@
 <template src="./register.html"></template>
 <script src="./register.ts" lang="ts"></script>
-<style src="./register.scss" lang="scss"></style>
+<style src="./register.scss" lang="scss" scoped></style>

src/pages/blank/blank.vue

@@ -1,3 +1,3 @@
 <template src="./blank.html"></template>
 <script src="./blank.ts" lang="ts"></script>
-<style src="./blank.scss" lang="scss"></style>
+<style src="./blank.scss" lang="scss" scoped></style>

src/pages/dashboard/dashboard.vue

@@ -1,3 +1,3 @@
 <template src="./dashboard.html"></template>
 <script src="./dashboard.ts" lang="ts"></script>
-<style src="./dashboard.scss" lang="scss"></style>
+<style src="./dashboard.scss" lang="scss" scoped></style>

src/pages/main-menu/main-menu.vue

@@ -1,3 +1,3 @@
 <template src="./main-menu.html"></template>
 <script src="./main-menu.ts" lang="ts"></script>
-<style src="./main-menu.scss" lang="scss"></style>
+<style src="./main-menu.scss" lang="scss" scoped></style>

src/pages/main-menu/sub-menu/sub-menu.vue

@@ -1,3 +1,3 @@
 <template src="./sub-menu.html"></template>
 <script src="./sub-menu.ts" lang="ts"></script>
-<style src="./sub-menu.scss" lang="scss"></style>
+<style src="./sub-menu.scss" lang="scss" scoped></style>

src/pages/profile/profile.vue

@@ -1,3 +1,3 @@
 <template src="./profile.html"></template>
 <script src="./profile.ts" lang="ts"></script>
-<style src="./profile.scss" lang="scss"></style>
+<style src="./profile.scss" lang="scss" scoped></style>