Use env

Author: gedorinku

.env

@@ -0,0 +1 @@
+VUE_APP_TITLE=久留米高専プログラミングラボ部

public/index.html

@@ -5,16 +5,16 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>久留米高専プログラミングラボ部</title>
+    <title><%= VUE_APP_TITLE %></title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap-reboot.min.css">
     <link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP:700&amp;subset=japanese" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Barlow" rel="stylesheet">
     <link href="https://accounts.prolab.club" rel="preconnect">
 
     <meta name="description" content="プロラボ部(プログラミングラボ部)は、久留米高専でプログラミングを中心として活動する集団です">
-    <meta property="og:title" content="久留米高専プログラミングラボ部">
+    <meta property="og:title" content="<%= VUE_APP_TITLE %>">
     <meta property="og:description" content="プロラボ部(プログラミングラボ部)は、久留米高専でプログラミングを中心として活動する集団です">
-    <meta property="og:site_name" content="久留米高専プログラミングラボ部">
+    <meta property="og:site_name" content="<%= VUE_APP_TITLE %>">
     <meta property="og:image" content="https://kurume-nct.com/og_image.jpg">
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:site" content="@prolabknct">

src/App.vue

@@ -18,7 +18,7 @@ export default {
   },
   metaInfo: {
     title: 'Untitled',
-    titleTemplate: '%s - 久留米高専プログラミングラボ部',
+    titleTemplate: `%s - ${process.env.VUE_APP_TITLE}`,
   },
 };
 </script>

src/views/Home.vue

@@ -46,7 +46,7 @@ import publicMemberList from '@/components/PublicMemberList.vue';
 export default {
   name: 'home',
   metaInfo: {
-    title: '久留米高専プログラミングラボ部',
+    title: process.env.VUE_APP_TITLE,
     titleTemplate: null,
   },
   components: {