Add no-active-pinia.md (#38)

docs/.vitepress/config.mts

@@ -171,6 +171,15 @@ export default defineConfig({
           }
         ]
       },
+      {
+        text: 'Pinia',
+        items: [
+          {
+            text: `Why am I getting an error about 'no active Pinia'?`,
+            link: '/faq/no-active-pinia'
+          }
+        ]
+      },
       // {
       //   text: 'Debugging',
       //   items: [

docs/.vitepress/theme/custom.css

@@ -75,3 +75,18 @@ html:not(.dark) .VPSidebar {
 .VPSidebarItem.level-1.is-active .VPLink::before {
   border-left-color: var(--vp-c-brand-1);
 }
+
+/* Custom styling for quoting error messages and warnings. This might be better as a custom container, once they're supported */
+blockquote.quote-code-error {
+  background-color: var(--vp-custom-block-warning-bg);
+  border-color: var(--vp-custom-block-warning-border);
+  font-family: var(--vp-font-family-mono);
+  margin-left: 20px;
+  margin-right: 20px;
+  padding: 10px 10px 10px 20px;
+  white-space: pre-wrap;
+}
+
+.vp-doc blockquote.quote-code-error > p {
+  font-size: 12.25px;
+}

docs/faq/index.md

@@ -61,6 +61,12 @@ Only about half the questions have complete answers. Those questions are listed
 
 ---
 
+<!-- Pinia -->
+
+- [Why am I getting an error about 'no active Pinia'?](no-active-pinia)
+
+---
+
 <!-- Debugging -->
 
 - [Why does my logging show an empty/missing value after I've loaded the data?](logging-after-loading)