🚨 (component)

.eslintrc.js

@@ -6,12 +6,8 @@ module.exports = {
   extends: [
     'plugin:vue/vue3-essential',
     'eslint:recommended',
-    '@vue/typescript/recommended',
-    '@vue/prettier',
-    '@vue/prettier/@typescript-eslint',
     'plugin:vue/recommended',
-    'plugin:prettier-vue/recommended',
+    'plugin:prettier-vue/recommended'
-    'prettier'
   ],
   parserOptions: {
     ecmaVersion: 2020
@@ -29,7 +25,8 @@ module.exports = {
         trailingComma: 'none',
         arrowParens: 'always'
       }
-    ]
+    ],
+    'vue/no-v-html': 'off'
   },
   overrides: [
     {

src/components/FluxNote.vue

@@ -25,15 +25,13 @@
           alt="loading..."
         />
       </div>
-      <div v-else-if="!hasContent">
+      <div v-else-if="!hasContent">No content here 📝</div>
-        No content here 📝
-      </div>
       <p class="note-display" v-html="renderedContent"></p>
     </div>
     <stacked-note
-      class="note"
       v-for="(stackedNote, index) in stackedNotes"
       :key="stackedNote"
+      class="note"
       :index="index"
       :sha="stackedNote"
       :user="user"
@@ -62,8 +60,8 @@ import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
 import { useUserSettings } from '@/modules/user/hooks/useUserSettings.hook'
 import { useFocus } from '@/hooks/useFocus.hook'
 
-const StackedNote = defineAsyncComponent(() =>
+const StackedNote = defineAsyncComponent(
-  import('@/components/StackedNote.vue')
+  () => import('@/components/StackedNote.vue')
 )
 
 export default defineComponent({

src/views/Home.vue

@@ -1,10 +1,10 @@
 <template>
-  <div class="home content" v-if="!user || !repo">
+  <div v-if="!user || !repo" class="home content">
     <authorize class="authorize" />
     <new-version class="new-version" />
     <welcome-world />
   </div>
-  <flux-note :user="user" :repo="repo" :key="routeKey" v-else />
+  <flux-note v-else :key="routeKey" :user="user" :repo="repo" />
 </template>
 
 <script lang="ts">
@@ -15,8 +15,8 @@ import Authorize from '@/components/Authorize.vue'
 
 const FluxNote = defineAsyncComponent(() => import('@/components/FluxNote.vue'))
 
-const WelcomeWorld = defineAsyncComponent(() =>
+const WelcomeWorld = defineAsyncComponent(
-  import('@/components/WelcomeWorld.vue')
+  () => import('@/components/WelcomeWorld.vue')
 )
 
 export default defineComponent({