[connect] Initial Implementation

src/renderer/views/pages/connect-linked.ejs

@@ -0,0 +1,18 @@
+<template v-if="page == 'connect-linked'">
+    <div style="display:flex;width:100%;height:100%">
+        <webview id="foo" :src="https://connect.cidercollective.dev/linked.html" nodeintegration="true" style="display:inline-flex; width:100%;"></webview>
+    </div>
+</template>
+<script>
+    Vue.component('connect-linked', {
+        template: '#connect-linked',
+        mounted() {
+            document.querySelector("#foo").addEventListener("dom-ready", ()=>{
+
+            })
+        },
+        methods: {
+
+        }
+    });
+</script>

src/renderer/views/pages/settings.ejs

@@ -976,6 +976,18 @@
                     </div>
                 </div>
             </b-tab>
+            <b-tab :title="$root.getLz('settings.header.lyrics')">
+                <div class="md-option-container">
+                    <!-- Lyric Settings -->
+                    <div class="md-option-header">
+                        <span>{{$root.getLz('settings.header.connect')}}</span>
+                    </div>
+                    <div class="settings-option-body">
+                        <webview url="https://connect.cidercollective.dev/callback/app"></webview>
+                        </div>
+                    </div>
+                </div>
+            </b-tab>
         </b-tabs>
     </div>
 </script>