Extract style

resources/assets/src/components/auth/Login.vue

@@ -158,15 +158,6 @@ export default {
 </script>
 
 <style lang="stylus">
-.login-logo a {
-    font-family: Minecraft, Ubuntu, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif;
-    transition: all .2s ease-in-out;
-}
-
-.login-logo a:hover {
-    color: #42a5f5;
-}
-
 #login-button {
     margin-top: 5px;
 }

resources/assets/src/index.js

@@ -1,4 +1,5 @@
 import Vue from 'vue';
+import './js/public-path';  // Must be first
 import routes from './components/route';
 import './js';
 
@@ -12,11 +13,6 @@ if (process.env.NODE_ENV === 'development') {
     setTimeout(langs.find(({ lang }) => lang === blessing.locale).load, 0);
 }
 
-// eslint-disable-next-line no-undef
-__webpack_public_path__ = process.env.NODE_ENV === 'development'
-    ? 'http://127.0.0.1:8080/public/'
-    : blessing.base_url + '/public/';
-
 const route = routes.find(route => route.path === blessing.route);
 if (route) {
     new Vue({

resources/assets/src/js/layout.js

@@ -26,3 +26,17 @@ $(document).ready(() => {
 
     $('[data-toggle="tooltip"]').tooltip();
 });
+
+(() => {
+    const list = [
+        {
+            path: 'auth',
+            styl: () => import('../stylus/auth.styl')
+        },
+    ];
+
+    const style = list.find(({ path }) => blessing.route.startsWith(path));
+    if (style) {
+        style.styl();
+    }
+})();

resources/assets/src/js/public-path.js

@@ -0,0 +1,4 @@
+// eslint-disable-next-line no-undef
+__webpack_public_path__ = process.env.NODE_ENV === 'development'
+    ? 'http://127.0.0.1:8080/public/'
+    : blessing.base_url + '/public/';

resources/assets/src/stylus/auth.styl

@@ -1,5 +1,3 @@
-@import "general.styl";
-
 .login-logo a, .register-logo a, .reset-logo a {
     font-family: Minecraft, Ubuntu, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif;
     transition: all .2s ease-in-out;
@@ -9,6 +7,6 @@
     color: #42a5f5;
 }
 
-#login-button {
+.captcha {
-    margin-top: 5px;
+    cursor: pointer;
 }