Replace App Subscribe with General Subscribe

pages/app/_slug.vue

@@ -9,7 +9,7 @@
             </h2>
 
             <div class="subscribe space-y-6 sm:space-x-6 mb-4">
-                <EmailSubscribe
+                <AllUpdatesSubscribe
                     :app-name="app.name"
                 />
             </div>
@@ -47,14 +47,14 @@
 <script>
 import parseGithubDate from '~/helpers/parse-github-date'
 import LinkButton from '~/components/link-button.vue'
-import EmailSubscribe from '~/components/email-subscribe.vue'
+import AllUpdatesSubscribe from '~/components/all-updates-subscribe.vue'
 import appList from '~/static/app-list.json'
 // import buildAppList from '~/helpers/build-app-list'
 
 export default {
     components: {
         LinkButton,
-        EmailSubscribe
+        AllUpdatesSubscribe
     },
     async asyncData ({ params: { slug } }) {
 

pages/index.vue

@@ -30,6 +30,16 @@
                 </LinkButton>
             </div>
 
+            <AllUpdatesSubscribe
+                :input-class-groups="{
+                    shadow: 'hover:neumorphic-shadow',
+                    bg: '',
+                    focus: 'bg-transparent neumorphic-shadow pl-8',
+                    blur: 'placeholder-white text-center border border-transparent bg-transparent opacity-50 hover:opacity-100 px-3',
+                }"
+                class="my-12"
+            />
+
         </div>
     </section>
 </template>
@@ -37,6 +47,7 @@
 <script>
 import Search from '~/components/search.vue'
 import LinkButton from '~/components/link-button.vue'
+import AllUpdatesSubscribe from '~/components/all-updates-subscribe.vue'
 
 export default {
     async asyncData () {
@@ -51,7 +62,8 @@ export default {
     },
     components: {
         Search,
-        LinkButton
+        LinkButton,
+        AllUpdatesSubscribe
     },
     data: function () {
         return {