Added FAQ

src/components/modals/AboutModal.vue

@@ -11,6 +11,9 @@
       <br>
       StackEdit on <a target="_blank" href="https://twitter.com/stackedit/">Twitter</a>
       <hr>
+      <h3>FAQ</h3>
+      <div class="faq" v-html="faq"></div>
+      <hr>
       <small>Licensed under an
       <a target="_blank" href="http://www.apache.org/licenses/LICENSE-2.0">Apache License</a><br>
       <a target="_blank" href="privacy_policy.html">Privacy Policy</a></small>
@@ -24,6 +27,9 @@
 <script>
 import { mapGetters } from 'vuex';
 import ModalInner from './common/ModalInner';
+import htmlSanitizer from '../../libs/htmlSanitizer';
+import markdownConversionSvc from '../../services/markdownConversionSvc';
+import faq from '../../data/faq.md';
 
 export default {
   components: {
@@ -32,9 +38,14 @@ export default {
   data: () => ({
     version: VERSION,
   }),
-  computed: mapGetters('modal', [
-    'config',
-  ]),
+  computed: {
+    ...mapGetters('modal', [
+      'config',
+    ]),
+    faq() {
+      return htmlSanitizer.sanitizeHtml(markdownConversionSvc.defaultConverter.render(faq));
+    },
+  },
 };
 </script>
 
@@ -57,4 +68,9 @@ export default {
     margin: 1.5em auto;
   }
 }
+
+.faq {
+  font-size: 0.8em;
+  line-height: 1.5;
+}
 </style>

src/data/faq.md

@@ -0,0 +1,13 @@
+**Where is my data stored?**
+
+If your workspace is not synced, your files are only stored inside your browser (using the [IndexedDB API](https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API)) and are not stored anywhere else.
+We recommend syncing your workspace to make sure files won't be lost in case your browser data is cleared.
+
+**Where is my data stored once I sync my workspace?**
+
+If you sign in with Google, your main workspace will be stored in Google Drive (in your [app data folder](https://developers.google.com/drive/v3/web/appdata)).
+If you open a Google Drive workspace, the files in the workspace will be stored inside a Google Drive folder which you can share with other users.
+
+**Can StackEdit access my data without telling me?**
+
+StackEdit is a frontend application. The access tokens issued by Google, Dropbox, GitHub... are stored in your browser and are not sent to our backend or to 3rd parties so your data won't be accessed by anybody.