update and format

Author: isamu

src/components/Languages.vue

@@ -17,23 +17,23 @@ import { languages } from "@/i18n/index";
 
 export default defineComponent({
   setup() {
-    const route = useRoute(),
-      router = useRouter(),
-      i18n = useI18n(),
-      selectedValue = ref(i18n.locale.value),
-      updateValue = (event: Event) => {
-        const basePath = (() => {
-            if (route.params.lang) {
-              return route.path.slice(route.params.lang.length + 1);
-            }
-            return route.path;
-          })(),
-          target = event.target as HTMLSelectElement,
-          newPath = `/${target.value}${basePath}`;
-        if (newPath !== route.path) {
-          router.push(newPath);
-        }
-      };
+    const route = useRoute();
+    const router = useRouter();
+    const i18n = useI18n();
+    const selectedValue = ref(i18n.locale.value);
+    const updateValue = (event: Event) => {
+      const basePath = (() => {
+          if (route.params.lang) {
+            return route.path.slice(route.params.lang.length + 1);
+          }
+          return route.path;
+        })(),
+        target = event.target as HTMLSelectElement,
+        newPath = `/${target.value}${basePath}`;
+      if (newPath !== route.path) {
+        router.push(newPath);
+      }
+    };
     return {
       languages,
       selectedValue,

src/components/Layout.vue

@@ -47,9 +47,9 @@ export default defineComponent({
     MenuList,
   },
   setup() {
-    const store = useStore(),
-      user = reactive<UserData>({ user: null }),
-      menu = ref(false);
+    const store = useStore();
+    const user = reactive<UserData>({ user: null });
+    const menu = ref(false);
 
     useI18nParam();
 

src/components/MenuList.vue

@@ -25,14 +25,14 @@ export default defineComponent({
   },
   emits: [emitClose],
   setup(__, ctx) {
-    const store = useStore(),
-      handleClose = () => {
-        ctx.emit(emitClose);
-      },
-      logout = () => {
-        signOut(auth);
-        ctx.emit(emitClose);
-      };
+    const store = useStore();
+    const handleClose = () => {
+      ctx.emit(emitClose);
+    };
+    const logout = () => {
+      signOut(auth);
+      ctx.emit(emitClose);
+    };
     return {
       handleClose,
       logout,

src/router/index.ts

@@ -9,49 +9,49 @@ import About from "@/views/About.vue";
 import MyPage from "@/views/MyPage.vue";
 
 const routeChildren: Array<RouteRecordRaw> = [
-    {
-      path: "",
-      component: Home,
-    },
-    {
-      path: "about",
-      component: About,
-    },
-    {
-      path: "account",
-      component: Account,
-    },
-    {
-      path: "mypage",
-      component: MyPage,
-    },
-  ],
-  routes: Array<RouteRecordRaw> = [
-    {
-      path: "/",
-      component: Layout,
-      children: [
-        {
-          path: "/:lang",
-          component: Blank,
-          children: routeChildren,
-        },
-        {
-          path: "",
-          component: Blank,
-          children: routeChildren,
-        },
-      ],
-    },
-    {
-      path: "/:page(.*)",
-      name: "NotFoundPage",
-      component: NotFound,
-    },
-  ],
-  router = createRouter({
-    history: createWebHistory(import.meta.env.BASE_URL),
-    routes,
-  });
+  {
+    path: "",
+    component: Home,
+  },
+  {
+    path: "about",
+    component: About,
+  },
+  {
+    path: "account",
+    component: Account,
+  },
+  {
+    path: "mypage",
+    component: MyPage,
+  },
+];
+const routes: Array<RouteRecordRaw> = [
+  {
+    path: "/",
+    component: Layout,
+    children: [
+      {
+        path: "/:lang",
+        component: Blank,
+        children: routeChildren,
+      },
+      {
+        path: "",
+        component: Blank,
+        children: routeChildren,
+      },
+    ],
+  },
+  {
+    path: "/:page(.*)",
+    name: "NotFoundPage",
+    component: NotFound,
+  },
+];
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes,
+});
 
 export default router;

src/store/index.ts

@@ -3,11 +3,11 @@ import { computed, ref } from "vue";
 import { User } from "firebase/auth";
 
 export const useStore = defineStore("store", () => {
-  const user = ref<User | null | undefined>(undefined),
-    setUser = (_user: User | null) => {
-      user.value = _user;
-    },
-    isSignedIn = computed(() => user.value !== null && user.value !== undefined);
+  const user = ref<User | null | undefined>(undefined);
+  const setUser = (_user: User | null) => {
+    user.value = _user;
+  };
+  const isSignedIn = computed(() => user.value !== null && user.value !== undefined);
   return {
     user,
     setUser,

src/utils/utils.ts

@@ -13,14 +13,14 @@ export const useIsSignedIn = () => {
 };
 
 export const useLang = () => {
-  const i18n = useI18n(),
-    lang = computed(() => i18n.locale.value),
-    localizedUrl = (path: string) => {
-      if (lang.value) {
-        return `/${lang.value}${path}`;
-      }
-      return path;
-    };
+  const i18n = useI18n();
+  const lang = computed(() => i18n.locale.value);
+  const localizedUrl = (path: string) => {
+    if (lang.value) {
+      return `/${lang.value}${path}`;
+    }
+    return path;
+  };
 
   return {
     lang,