update states

jonvog · Jun 15, 2022 · b305bd5 · b305bd5
1 parent 5de55e6
commit b305bd5
Show file tree

Hide file tree

Showing 63 changed files with 1,033 additions and 666 deletions.
diff --git a/app/character-diversion/.vscode/settings.json b/app/character-diversion/.vscode/settings.json
@@ -0,0 +1,213 @@
+{
+	"files.eol": "\n",
+	"editor.wordWrap": "on",
+	"editor.multiCursorModifier": "ctrlCmd",
+	"editor.insertSpaces": false,
+	"editor.parameterHints": false,
+	"editor.renderWhitespace": "all",
+	"editor.rulers": [
+		100
+	],
+	"git.ignoreMissingGitWarning": true,
+	"git.confirmSync": false,
+	"git.autofetch": true,
+	"atomKeymap.promptV3Features": true,
+	"auto-close-tag.SublimeText3Mode": true,
+	"workbench.startupEditor": "newUntitledFile",
+	"nasc-touchbar.jumpToBracket": true,
+	"phpcs.executablePath": "/Users/Leon/.composer/vendor/squizlabs/php_codesniffer/bin/phpcs",
+	"phpcs.standard": "WordPress",
+	"phpcbf.standard": "WordPress",
+	"highlight-matching-tag.styles": {
+		"opening": {
+			"full": {
+				"custom": {
+					"borderWidth": "1px",
+					"borderStyle": "solid",
+					"borderColor": "rgba(255,255,255,.5)",
+					"borderRadius": "2px",
+					"backgroundColor": "rgba(0,0,0,.5)"
+				}
+			},
+			"left": {
+				"custom": {
+					"borderWidth": "0",
+					"borderStyle": "solid"
+				}
+			},
+			"right": {
+				"custom": {
+					"borderWidth": "0",
+					"borderStyle": "solid"
+				}
+			}
+		}
+	},
+	"nasc-touchbar.addCursorBelow": false,
+	"nasc-touchbar.togglePanel": false,
+	"nasc-touchbar.indent": true,
+	"nasc-touchbar.outdent": true,
+	"nasc-touchbar.rename": false,
+	"nasc-touchbar.showCommands": false,
+	"nasc-touchbar.showReferences": true,
+	"nasc-touchbar.selectNext": false,
+	"nasc-touchbar.toggleWhiteSpace": true,
+	"nasc-touchbar.blockComment": true,
+	"workbench.colorTheme": "Community Material Theme High Contrast",
+	"editor.tabSize": 2,
+	"C_Cpp.updateChannel": "Insiders",
+	"editor.formatOnPaste": false,
+	"editor.formatOnType": false,
+	"scssFormatter.singleQuote": true,
+	"scssFormatter.useTabs": true,
+	"[scss]": {
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"[css]": {
+		"editor.defaultFormatter": "sibiraj-s.vscode-scss-formatter"
+	},
+	"[json]": {
+		"editor.defaultFormatter": "vscode.json-language-features"
+	},
+	"[html]": {
+		"editor.defaultFormatter": "vscode.html-language-features"
+	},
+	"[javascript]": {
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"[vue]": {
+		"editor.defaultFormatter": "Wscats.vue"
+	},
+	"[php]": {
+		"editor.defaultFormatter": "persoderlind.vscode-phpcbf"
+	},
+	"prettier.semi": false,
+	"prettier.singleQuote": true,
+	"printWidth": 100,
+	"vetur.format.defaultFormatterOptions": {
+		"prettier": {
+			"semi": false,
+			"singleQuote": true,
+			"printWidth": 100
+		}
+	},
+	"editor.minimap.renderCharacters": false,
+	"intelephense.stubs": [
+		"apache",
+		"bcmath",
+		"bz2",
+		"calendar",
+		"com_dotnet",
+		"Core",
+		"ctype",
+		"curl",
+		"date",
+		"dba",
+		"dom",
+		"enchant",
+		"exif",
+		"FFI",
+		"fileinfo",
+		"filter",
+		"fpm",
+		"ftp",
+		"gd",
+		"gettext",
+		"gmp",
+		"hash",
+		"iconv",
+		"imap",
+		"intl",
+		"json",
+		"ldap",
+		"libxml",
+		"mbstring",
+		"meta",
+		"mysqli",
+		"oci8",
+		"odbc",
+		"openssl",
+		"pcntl",
+		"pcre",
+		"PDO",
+		"pdo_ibm",
+		"pdo_mysql",
+		"pdo_pgsql",
+		"pdo_sqlite",
+		"pgsql",
+		"Phar",
+		"posix",
+		"pspell",
+		"readline",
+		"Reflection",
+		"session",
+		"shmop",
+		"SimpleXML",
+		"snmp",
+		"soap",
+		"sockets",
+		"sodium",
+		"SPL",
+		"sqlite3",
+		"standard",
+		"superglobals",
+		"sysvmsg",
+		"sysvsem",
+		"sysvshm",
+		"tidy",
+		"tokenizer",
+		"xml",
+		"xmlreader",
+		"xmlrpc",
+		"xmlwriter",
+		"xsl",
+		"Zend OPcache",
+		"zip",
+		"zlib",
+		"wordpress",
+		"/Users/Leon/.composer/vendor/paulthewalton/acf-pro-stubs"
+	],
+	"intelephense.files.maxSize": 5000000,
+	"diffEditor.ignoreTrimWhitespace": false,
+	"explorer.confirmDragAndDrop": false,
+	"intelephense.files.associations": [
+		"*.module",
+		"*.php",
+		"*.phtml"
+	],
+	"php-docblocker.author": {
+		"name": "Leon Vogler",
+		"email": "[email protected]"
+	},
+	"eslint.codeAction.showDocumentation": {
+		"enable": true
+	},
+	// "editor.formatOnSave": true,
+	"[jsonc]": {
+		"editor.defaultFormatter": "vscode.json-language-features"
+	},
+	"security.workspace.trust.untrustedFiles": "open",
+	"editor.quickSuggestions": null,
+	"svg.preview.mode": "svg",
+	"editor.fontLigatures": null,
+	"mssql.connections": [
+		{
+			"server": "{{put-server-name-here}}",
+			"database": "{{put-database-name-here}}",
+			"user": "{{put-username-here}}",
+			"password": ""
+		}
+	],
+	"editor.accessibilitySupport": "off",
+	"workbench.iconTheme": "material-icon-theme",
+	"editor.formatOnSave": false,
+	"bracketPairColorizer.depreciation-notice": false,
+	"bracket-pair-colorizer-2.depreciation-notice": false,
+	"editor.inlineSuggest.enabled": true,
+	"window.zoomLevel": 1,
+	"[typescript]": {
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"editor.tokenColorCustomizations": {},
+	"vue3snippets.enable-compile-vue-file-on-did-save-code": true
+}
diff --git a/app/character-diversion/app.vue b/app/character-diversion/app.vue
@@ -1,72 +1,67 @@
 <template>
   <Html :lang="$i18n.locale" :class="$colorMode?.value" :dir="direction">
-
-  <Body class="
-        antialiased
-        duration-300
-        transition-colors
-        text-neutral-800
-        dark:text-neutral-200
-        bg-beige-100
-        dark:bg-neutral-700
-        font-sans
-      ">
-    <NuxtLayout name="frame">
-      <template #header>
-        <Transition name="slide">
-          <Header class="bg-beige-300 text-black" iconClass="text-black" v-if="showHeader">{{ $route.meta.name }}
-          </Header>
-        </Transition>
-      </template>
-      <template #body>
-        <!-- <pre>{{$route}}</pre> -->
-        <NuxtPage class="page" />
-      </template>
-      <template #navigation>
-        <NavBar />
-      </template>
-    </NuxtLayout>
-  </Body>
-
+    <Body
+      class="antialiased duration-300 transition-colors text-neutral-800 dark:text-neutral-200 bg-beige-100 dark:bg-neutral-700 font-sans"
+    >
+      <NuxtLayout name="frame">
+        <template #header>
+          <Transition name="slide">
+            <Header
+              class="bg-beige-300 text-black"
+              iconClass="text-black"
+              v-if="showHeader"
+              >{{ $route.meta.name }}
+            </Header>
+          </Transition>
+        </template>
+        <template #body>
+          <!-- <pre>{{$route}}</pre> -->
+          <NuxtPage class="page" />
+        </template>
+        <template #navigation>
+          <NavBar />
+        </template>
+      </NuxtLayout>
+    </Body>
   </Html>
 </template>
 <script lang="ts">
-import { discourse, opinion } from '~/composables/states'
-import { glyphMethods, utils } from '~/composables/methods'
-export default {
+import { discourse, opinion } from "~/composables/states";
+import { glyphMethods, utils } from "~/composables/methods";
+export default defineComponent({
   async setup() {
-    const app = useNuxtApp()
-    const client = <T>(contentType: string, data?: Partial<T>) => useStrapiClient()(contentType, { method: 'POST', body: data }) as Promise<T>
+    const app = useNuxtApp();
+    const client = <T>(contentType: string, data?: Partial<T>) =>
+      useStrapiClient()(contentType, { method: "POST", body: data }) as Promise<T>;
     const strapi = {
       ...useStrapi4(),
       ...useStrapiAuth(),
       ...useStrapiUser(),
       client,
       api: useRuntimeConfig().public.strapi,
-      user: {}
-    }
-    strapi.user = await strapi.fetchUser()
-    if (!app.$strapi) app.provide('strapi', reactive(strapi))
-    if (!app.$state) app.provide('state', reactive({ discourse, opinion }))
-    if (!app.$f) app.provide('f', { glyphMethods, utils })
+      user: {},
+    };
+    strapi.user = await strapi.fetchUser();
+    if (!app.$strapi) app.provide("strapi", reactive(strapi));
+    if (!app.$state) app.provide("state", reactive({ discourse, opinion }));
+    if (!app.$f) app.provide("f", { glyphMethods, utils });
 
     definePageMeta({
       transition: {
-        name: 'page',
+        name: "page",
       },
-    })
+    });
   },
   computed: {
     showHeader() {
-      return false
+      return false;
       // return !['/discourse', '/', '/profile'].includes(this.$route.matched[0].path)
     },
     direction() {
-      return ['he', 'ar'].includes(this.$i18n.locale) ? 'rtl' : 'ltr'
-    }
-  }
-}
-
+      return ["he", "ar"].includes(this.$i18n.locale) ? "rtl" : "ltr";
+    },
+  },
+});
 </script>
 <style>
 :where([dir="rtl"] *) {
@@ -78,4 +73,4 @@ export default {
 body {
   font-family: var(--font-sans);
 }
-</style>
+</style>
diff --git a/app/character-diversion/components/Author.vue b/app/character-diversion/components/Author.vue
@@ -9,7 +9,7 @@
 <script lang="ts">
 import { Opinion, Discourse } from "~/types"
 
-export default {
+export default defineComponent({
 	props: {
 		post: {
 			type: Object as () => Discourse | Opinion
@@ -24,5 +24,5 @@ export default {
 			return this.$f.utils.relativeTime(this.post.attributes.publishedAt)
 		},
 	}
-}
+})
 </script>
diff --git a/app/character-diversion/components/AxisIndicator.vue b/app/character-diversion/components/AxisIndicator.vue
@@ -7,7 +7,7 @@
 </template>
 <script lang="ts">
 import { SamsaFontAxes } from "~/types"
-export default {
+export default defineComponent({
 	name: 'Axis Indicator',
 	props: {
 		axes: Object,
@@ -27,7 +27,7 @@ export default {
 		return {
 		}
 	},
-}
+})
 </script>
 <style scoped>
 .bar {

diff --git a/app/character-diversion/components/Button.vue b/app/character-diversion/components/Button.vue
@@ -5,7 +5,7 @@
   </component>
 </template>
 <script lang="ts">
-export default {
+export default defineComponent({
   name: 'Button',
   setup() {
 		const NuxtLink = resolveComponent('NuxtLink')
@@ -56,7 +56,7 @@ export default {
       return this.icon
     },
   },
-}
+})
 </script>
 
 <style lang="scss" scoped>