add .sqlite extension in db uploader

src/assets/styles/messages.css

@@ -1,4 +1,4 @@
-.worning {
+.warning {
   background-color: var(--color-bg-warning);
   color: var(--color-text-base);
   font-size: 13px;

src/components/Chart.vue

@@ -1,6 +1,6 @@
 <template>
 <div v-show="visible" class="chart-container">
-  <div class="worning chart-worning" v-show="!sqlResult && visible">
+  <div class="warning chart-warning" v-show="!sqlResult && visible">
     There is no data to build a chart. Run your sql query and make sure the result is not empty.
   </div>
   <PlotlyEditor
@@ -95,7 +95,7 @@ export default {
 .chart-container {
   height: calc(100% - 89px);
 }
-.chart-worning {
+.chart-warning {
   height: 40px;
   line-height: 40px;
 }

src/components/DbUpload.vue

@@ -7,7 +7,7 @@
           id="assetsFieldHandle"
           @change="loadDb"
           ref="file"
-          accept=".db"
+          accept=".db,.sqlite,.sqlite3"
         />
         <div>
           Drop the database file to upload here or click to choose a file from your computer.

src/views/Editor.vue

@@ -8,7 +8,7 @@
       <template #left-pane>
         <schema v-if="$store.state.schema"/>
         <div v-else id="empty-schema-container">
-          <div class="worning">
+          <div class="warning">
             Database is not uploaded. Queries can’t be run without database.
           </div>
           <db-upload id="db-uploader"/>
@@ -56,7 +56,7 @@ export default {
   margin: 24px;
 }
 
-.worning {
+.warning {
   padding: 12px 24px;
 }