revert 42f5415ccb

revert Fix compiler warnings pt1

src/components/settings_modal/helpers/modified_indicator.vue

@@ -6,14 +6,14 @@
     <Popover
       trigger="hover"
     >
-      <template #trigger>
+      <template v-slot:trigger>
         &nbsp;
         <FAIcon
           icon="wrench"
           :aria-label="$t('settings.setting_changed')"
         />
       </template>
-      <template #content>
+      <template v-slot:content>
         <div class="modified-tooltip">
           {{ $t('settings.setting_changed') }}
         </div>

src/components/staff_panel/staff_panel.vue

@@ -24,7 +24,7 @@
   </div>
 </template>
 
-<script src="./staff_panel.js"></script>
+<script src="./staff_panel.js" ></script>
 
 <style lang="scss">
 

src/components/status_body/status_body.vue

@@ -89,9 +89,7 @@
                 </option>
               </Select>
               {{ ' ' }}
-              <button 
-                class="btn button-default" 
-                @click="translateStatus">
+              <button @click="translateStatus" class="btn button-default">
                 {{ $t('status.translate') }}
               </button>
             </div>

src/components/status_content/status_content.vue

@@ -63,7 +63,7 @@
   </div>
 </template>
 
-<script src="./status_content.js"></script>
+<script src="./status_content.js" ></script>
 <style lang="scss">
 .StatusContent {
   flex: 1;

src/components/status_popover/status_popover.vue

@@ -5,10 +5,10 @@
     :bound-to="{ x: 'container' }"
     @show="enter"
   >
-    <template #trigger>
+    <template v-slot:trigger>
       <slot />
     </template>
-    <template #content>
+    <template v-slot:content>
       <Status
         v-if="status"
         :is-preview="true"
@@ -35,7 +35,7 @@
   </Popover>
 </template>
 
-<script src="./status_popover.js"></script>
+<script src="./status_popover.js" ></script>
 
 <style lang="scss">
 @import '../../_variables.scss';

src/components/terms_of_service_panel/terms_of_service_panel.vue

@@ -13,7 +13,7 @@
   </div>
 </template>
 
-<script src="./terms_of_service_panel.js"></script>
+<script src="./terms_of_service_panel.js" ></script>
 
 <style lang="scss">
 .tos-content {

src/components/timeline/timeline_quick_settings.vue

@@ -4,7 +4,7 @@
     class="TimelineQuickSettings"
     :bound-to="{ x: 'container' }"
   >
-    <template #content>
+    <template v-slot:content>
       <div class="dropdown-menu">
         <div v-if="loggedIn">
           <button
@@ -80,7 +80,7 @@
         </button>
       </div>
     </template>
-    <template #trigger>
+    <template v-slot:trigger>
       <button class="button-unstyled">
         <FAIcon icon="filter" />
       </button>

src/components/timeline_menu/timeline_menu.vue

@@ -9,12 +9,12 @@
     @show="openMenu"
     @close="() => isOpen = false"
   >
-    <template #content>
+    <template v-slot:content>
       <div class="timeline-menu-popover popover-default">
         <TimelineMenuContent />
       </div>
     </template>
-    <template #trigger>
+    <template v-slot:trigger>
       <button class="button-unstyled title timeline-menu-title">
         <span class="timeline-title">{{ timelineName() }}</span>
         <span>
@@ -32,7 +32,7 @@
   </Popover>
 </template>
 
-<script src="./timeline_menu.js"></script>
+<script src="./timeline_menu.js" ></script>
 
 <style lang="scss">
 @import '../../_variables.scss';

src/components/timeline_menu/timeline_menu_content.vue

@@ -99,7 +99,7 @@
   </ul>
 </template>
 
-<script src="./timeline_menu_content.js"></script>
+<script src="./timeline_menu_content.js" ></script>
 
 <style lang="scss">
 @import "../../_variables.scss";

src/components/timeline_menu_tabs/timeline_menu_content.vue

@@ -99,7 +99,7 @@
   </ul>
 </template>
 
-<script src="./timeline_menu_content.js"></script>
+<script src="./timeline_menu_content.js" ></script>
 
 <style lang="scss">
 @import "../../_variables.scss";

src/components/timeline_menu_tabs/timeline_menu_tabs.vue

@@ -53,7 +53,7 @@
   </div>
 </template>
 
-<script src="./timeline_menu_tabs.js"></script>
+<script src="./timeline_menu_tabs.js" ></script>
 
 <style lang="scss">
 @import '../../_variables.scss';

src/components/user_list_popover/user_list_popover.vue

@@ -4,10 +4,10 @@
     placement="top"
     :offset="{ y: 5 }"
   >
-    <template #:trigger>
+    <template v-slot:trigger>
       <slot />
     </template>
-    <template #:content>
+    <template v-slot:content>
       <div class="user-list-popover">
         <template v-if="users.length">
           <div
@@ -45,7 +45,7 @@
   </Popover>
 </template>
 
-<script src="./user_list_popover.js"></script>
+<script src="./user_list_popover.js" ></script>
 
 <style lang="scss">
 @import '../../_variables.scss';

src/components/user_profile/user_profile.vue

@@ -121,8 +121,8 @@
               </FriendList>
             </div>
             <div
-              v-if="isUs"
               key="tags"
+              v-if="isUs"
               :label="$t('user_card.followed_tags')"
             >
               <FollowedTagList
@@ -133,7 +133,7 @@
                   <FollowedTagCard :tag="item" />
                 </template>
                 <template #empty>
-                  {{ $t('user_card.not_following_any_hashtags') }}
+                  {{ $t('user_card.not_following_any_hashtags')}}
                 </template>
               </FollowedTagList>
             </div>

src/components/user_reporting_modal/user_reporting_modal.vue

@@ -45,7 +45,7 @@
         </div>
         <div class="user-reporting-panel-right">
           <List :items="statuses">
-            <template #item="{item}">
+            <template v-slot:item="{item}">
               <div class="status-fadein user-reporting-panel-sitem">
                 <Status
                   :in-conversation="false"

src/components/who_to_follow_panel/who_to_follow_panel.vue

@@ -27,7 +27,7 @@
   </div>
 </template>
 
-<script src="./who_to_follow_panel.js"></script>
+<script src="./who_to_follow_panel.js" ></script>
 
 <style lang="scss">
   .who-to-follow * {