price subscriptions

src/components/NeedsSigner.vue

@@ -0,0 +1,32 @@
+<template>
+  <NeedsProvider>
+    <slot v-if="ok"/>
+    <phone-card v-if="!ok">
+      <v-card-title><v-icon icon="mdi-reload-alert" color="warning"/> Connect Wallet</v-card-title>
+      <v-card-text>
+        Please select an account to use from your wallet.
+      </v-card-text>
+      <v-card-actions>
+        <v-btn @click="connectWallet">Connect Wallet</v-btn>
+      </v-card-actions>
+    </phone-card>
+  </NeedsProvider>
+</template>
+
+<script setup>
+import {useStore} from "@/store/store";
+import NeedsProvider from "@/components/NeedsProvider.vue";
+import {computed} from "vue";
+import PhoneCard from "@/components/PhoneCard.vue";
+import {connectWallet} from "@/blockchain/wallet.js";
+
+const s = useStore()
+
+const ok = computed(()=>s.address!==null)
+
+</script>
+
+<style scoped lang="scss">
+@use "src/styles/vars" as *;
+
+</style>