Added support for the alias in and updated import paths.

src/App.vue

@@ -82,24 +82,24 @@
 
 <script>
 import { computed, onBeforeMount, onMounted, ref, watch } from 'vue';
-import SettingsDialog from "./components/Settings/SettingsDialog.vue";
-import QuickSettings from "./components/Settings/QuickSettings.vue";
-import UserInput from "./components/UserInput.vue";
-import Messages from "./components/Messages.vue";
-import OpenAI from './components/OpenAI.vue';
-import History from './components/History.vue';
-import Information from './components/Information.vue';
-import Personas from './components/Personas.vue';
 import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
 import { storeToRefs } from 'pinia';
-import { useSettingsStore } from './stores/settings-store.js';
-import { useTeamsStore } from './stores/teams-store.js';
 import { check } from '@tauri-apps/plugin-updater'
 import { relaunch } from '@tauri-apps/plugin-process';
-import DatabaseUpgrader from './services/databaseUpgrader.js';
-import logger from './services/logger';
-import iCloudService from './services/iCloudService';
+import SettingsDialog from "@/components/Settings/SettingsDialog.vue";
+import QuickSettings from "@/components/Settings/QuickSettings.vue";
+import UserInput from "@/components/UserInput.vue";
+import Messages from "@/components/Messages.vue";
+import OpenAI from '@/components/OpenAI.vue';
+import History from '@/components/History.vue';
+import Information from '@/components/Information.vue';
+import Personas from '@/components/Personas.vue';
+import { useSettingsStore } from '@/stores/settings-store.js';
+import { useTeamsStore } from '@/stores/teams-store.js';
+import DatabaseUpgrader from '@/services/databaseUpgrader.js';
+import logger from '@/services/logger';
+import iCloudService from '@/services/iCloudService';
 
 // This starter template is using Vue 3 <script setup> SFCs
 // Check out https://vuejs.org/api/sfc-script-setup.html#script-setup

src/components/History.vue

@@ -81,12 +81,12 @@
 
 <script>
 
-import { useTeamsStore } from '../stores/teams-store.js';
 import { storeToRefs } from 'pinia';
 import { useQuasar } from 'quasar';
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { exportConversation } from '../services/helpers.js';
+import { useTeamsStore } from '@/stores/teams-store.js';
+import { exportConversation } from '@/services/helpers.js';
 
 export default {
     name: 'History',

src/components/Messages.vue

@@ -156,17 +156,17 @@
 </template>
 
 <script>
-import { useTeamsStore } from "../stores/teams-store.js";
-import { useSettingsStore } from "../stores/settings-store.js";
 import { storeToRefs } from "pinia";
 import { useQuasar } from "quasar";
 import { computed, ref, watch } from "vue";
 import { scroll } from "quasar";
 import { useI18n } from 'vue-i18n';
-import { imageDB } from "../services/localforage";
-import openaiConfig from '../services/openai.config.json';
-import logger from '../services/logger.js';
-import { useMarkdown } from '../composables/markdown.js'
+import { useTeamsStore } from "@/stores/teams-store.js";
+import { useSettingsStore } from "@/stores/settings-store.js";
+import { imageDB } from "@/services/localforage";
+import openaiConfig from '@/services/openai.config.json';
+import logger from '@/services/logger.js';
+import { useMarkdown } from '@/composables/markdown.js'
 
 export default {
     name: "Messages",

src/components/OpenAI.vue

@@ -3,15 +3,14 @@
 <script>
 
 import { watch, nextTick } from 'vue';
-import { useTeamsStore } from '../stores/teams-store.js';
-import { useSettingsStore } from '../stores/settings-store.js';
 import { storeToRefs } from 'pinia';
-import OpenAI from '../services/openai.js';
 import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
-import { useMarkdown } from '../composables/markdown.js'
-
-import logger from '../services/logger.js';
+import { useTeamsStore } from '@/stores/teams-store.js';
+import { useSettingsStore } from '@/stores/settings-store.js';
+import { useMarkdown } from '@/composables/markdown.js'
+import OpenAI from '@/services/openai.js';
+import logger from '@/services/logger.js';
 
 export default {
     name: 'OpenAI',

src/components/Personas.vue

@@ -227,9 +227,9 @@
 import { computed, ref } from 'vue';
 import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
-import { useTeamsStore } from '../stores/teams-store.js';
 import { storeToRefs } from 'pinia';
-import logger from '../services/logger.js';
+import { useTeamsStore } from '@/stores/teams-store.js';
+import logger from '@/services/logger.js';
 
 export default {
     name: 'Personas',

src/components/Settings/CloudSyncSettings.vue

@@ -156,11 +156,11 @@
 <script>
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { storeToRefs } from 'pinia';
-import { useSettingsStore } from '../../stores/settings-store';
 import { platform } from '@tauri-apps/plugin-os';
 import { useQuasar } from 'quasar';
-import { useCloudSync } from '../../composables/useCloudSync';
+import { storeToRefs } from 'pinia';
+import { useSettingsStore } from '@/stores/settings-store';
+import { useCloudSync } from '@/composables/useCloudSync';
 
 export default {
     name: 'CloudSync',

src/components/Settings/GeneralSettings.vue

@@ -134,10 +134,10 @@
 
 <script>
 import { computed } from 'vue';
-import { useSettingsStore } from '../../stores/settings-store.js';
 import { storeToRefs } from "pinia";
 import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
+import { useSettingsStore } from '@/stores/settings-store.js';
 
 export default {
     name: 'GeneralSettings',

src/components/Settings/ImageGenerationSettings.vue

@@ -67,10 +67,10 @@
 <script>
 import { computed, ref, watch } from 'vue';
 import { storeToRefs } from "pinia";
-import { useSettingsStore } from '../../stores/settings-store.js';
 import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
-import openaiConfig from '../../services/openai.config.json';
+import { useSettingsStore } from '@/stores/settings-store.js';
+import openaiConfig from '@/services/openai.config.json';
 
 export default {
     setup() {

src/components/Settings/OllamaModelManager.vue

@@ -115,8 +115,8 @@
 
 <script>
 import { ref, computed, onMounted } from 'vue';
-import { useOllama } from '../../composables/useOllama';
 import { useQuasar } from 'quasar';
+import { useOllama } from '@/composables/useOllama';
 
 export default {
     name: 'OllamaModelManager',

src/components/Settings/ProviderSettings.vue

@@ -213,16 +213,16 @@
 
 <script>
 import { ref, computed, onMounted, watch } from 'vue';
-import { storeToRefs } from "pinia";
-import { useSettingsStore } from '../../stores/settings-store.js';
 import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
-import defaultProviders from '../../services/providers.config.json';
-import { ollamaService } from '../../services/ollama.service';
-import ollamaLogo from '../../assets/ollama-logo.png';
-import openaiLogo from '../../assets/openai-logo.png';
-import { useOllama } from '../../composables/useOllama';
-import OllamaModelManager from './OllamaModelManager.vue';
+import { storeToRefs } from "pinia";
+import { useSettingsStore } from '@/stores/settings-store.js';
+import defaultProviders from '@/services/providers.config.json';
+import { ollamaService } from '@/services/ollama.service';
+import ollamaLogo from '@/assets/ollama-logo.png';
+import openaiLogo from '@/assets/openai-logo.png';
+import { useOllama } from '@/composables/useOllama';
+import OllamaModelManager from '@/components/Settings/OllamaModelManager.vue';
 
 export default {
     components: {

src/components/Settings/QuickSettings.vue

@@ -208,14 +208,14 @@
 <script>
 
 import { computed, ref, watch } from 'vue';
-import { useSettingsStore } from '../../stores/settings-store.js';
-import { useTeamsStore } from '../../stores/teams-store.js';
 import { storeToRefs } from "pinia";
 import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
-import openaiConfig from '../../services/openai.config.json';
-import { exportConversation } from '../../services/helpers.js';
-import logger from '../../services/logger.js';
+import { useSettingsStore } from '@/stores/settings-store.js';
+import { useTeamsStore } from '@/stores/teams-store.js';
+import openaiConfig from '@/services/openai.config.json';
+import { exportConversation } from '@/services/helpers.js';
+import logger from '@/services/logger.js';
 
 export default {
     name: "QuickSettings",

src/components/Settings/SettingsDialog.vue

@@ -54,12 +54,12 @@ import { computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
 
-import UserAvatarSettings from './UserAvatarSettings.vue';
-import GeneralSettings from './GeneralSettings.vue';
-import ProviderSettings from "./ProviderSettings.vue";
-import TextGenerationSettings from "./TextGenerationSettings.vue";
-import ImageGenerationSettings from "./ImageGenerationSettings.vue";
-import CloudSyncSettings from './CloudSyncSettings.vue';
+import UserAvatarSettings from '@/components/Settings/UserAvatarSettings.vue';
+import GeneralSettings from '@/components/Settings/GeneralSettings.vue';
+import ProviderSettings from "@/components/Settings/ProviderSettings.vue";
+import TextGenerationSettings from "@/components/Settings/TextGenerationSettings.vue";
+import ImageGenerationSettings from "@/components/Settings/ImageGenerationSettings.vue";
+import CloudSyncSettings from '@/components/Settings/CloudSyncSettings.vue';
 
 export default {
     name: "AppSettings",

src/components/Settings/TextGenerationSettings.vue

@@ -109,11 +109,11 @@
 
 <script>
 import { computed, ref, watch } from 'vue';
-import { storeToRefs } from "pinia";
-import { useSettingsStore } from '../../stores/settings-store.js';
-import { useTeamsStore } from '../../stores/teams-store.js';
 import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
+import { storeToRefs } from "pinia";
+import { useSettingsStore } from '@/stores/settings-store.js';
+import { useTeamsStore } from '@/stores/teams-store.js';
 
 export default {
     setup() {

src/components/Settings/UserAvatarSettings.vue

@@ -29,10 +29,10 @@
 
 <script>
 import { computed, ref } from 'vue';
-import { useSettingsStore } from '../../stores/settings-store.js';
 import { storeToRefs } from "pinia";
 import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
+import { useSettingsStore } from '@/stores/settings-store.js';
 
 export default {
     name: 'UserAvatarSettings',

src/components/UserInput.vue

@@ -60,12 +60,12 @@
 
 <script>
 import { ref, computed, onMounted, watch } from 'vue';
-import { useTeamsStore } from '../stores/teams-store.js';
-import { useSettingsStore } from "../stores/settings-store.js";
 import { storeToRefs } from 'pinia';
 import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
-import logger from '../services/logger';
+import logger from '@/services/logger';
+import { useTeamsStore } from '@/stores/teams-store.js';
+import { useSettingsStore } from "@/stores/settings-store.js";
 
 export default {
     name: 'UserInput',

src/composables/useCloudSync.js

@@ -1,11 +1,10 @@
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
-import { storeToRefs } from 'pinia';
-import { useSettingsStore } from '../stores/settings-store';
-import { useTeamsStore } from '../stores/teams-store';
-import iCloudService from '../services/iCloudService';
-import logger from '../services/logger';
+import { useSettingsStore } from '@/stores/settings-store';
+import { useTeamsStore } from '@/stores/teams-store';
+import iCloudService from '@/services/iCloudService';
+import logger from '@/services/logger';
 
 export function useCloudSync() {
     const { t } = useI18n();

src/composables/useOllama.js

@@ -1,8 +1,8 @@
-import { ref, computed } from 'vue';
+import { ref } from 'vue';
 import { useQuasar } from 'quasar';
-import { ollamaService } from '../services/ollama.service';
 import { Command } from '@tauri-apps/plugin-shell';
 import { platform } from '@tauri-apps/plugin-os';
+import { ollamaService } from '@/services/ollama.service';
 
 export function useOllama() {
     const $q = useQuasar();

src/main.js

@@ -1,5 +1,5 @@
 import { createApp } from "vue";
-import App from "./App.vue";
+import App from "@/App.vue";
 
 // Quasar stuff
 import { Quasar, Dark, Dialog, Notify } from 'quasar';
@@ -13,11 +13,11 @@ import "./styles.css";
 
 // Pinia stuff
 import { createPinia } from 'pinia';
-import { localForagePlugin } from './services/localforage';
+import { localForagePlugin } from '@/services/localforage';
 
 // i18n stuff
 import { createI18n } from 'vue-i18n';
-import messages from './i18n';
+import messages from '@/i18n';
 
 // ---------------------------------------------------------------------------------------------
 // Create the app

src/services/databaseUpgrader.js

@@ -1,8 +1,8 @@
 import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
-import { imageDB, settingsDB, teamsDB } from '../services/localforage.js';
-import { useSettingsStore } from '../stores/settings-store.js';
-import logger from './logger.js';
+import { imageDB, settingsDB, teamsDB } from '@/services/localforage.js';
+import { useSettingsStore } from '@/stores/settings-store.js';
+import logger from '@/services/logger.js';
 
 const databaseUpgrader = () => {
 

src/services/helpers.js

@@ -1,4 +1,4 @@
-import { useTeamsStore } from '../stores/teams-store.js';
+import { useTeamsStore } from '@/stores/teams-store.js';
 
 // Converts an epoch timestamp to a localized date and time string.
 const epochStringToDate = (timestamp) => {

src/services/iCloudService.js

@@ -2,7 +2,7 @@ import { join } from '@tauri-apps/api/path';
 import { homeDir } from '@tauri-apps/api/path';
 import { platform } from '@tauri-apps/plugin-os';
 import { readFile, create, readDir, mkdir, remove } from '@tauri-apps/plugin-fs';
-import logger from './logger';
+import logger from '@/services/logger';
 
 const iCloudService = {
     VERSION: '1.0',

src/services/localforage.js

@@ -1,5 +1,5 @@
 import localforage from 'localforage';
-import logger from './logger.js';
+import logger from '@/services/logger.js';
 
 const dbName = 'TeamAI';
 

src/services/ollama.service.js

@@ -1,7 +1,7 @@
 import { Ollama } from 'ollama/browser';
 import { Command, open } from '@tauri-apps/plugin-shell';
 import { platform } from '@tauri-apps/plugin-os';
-import logger from './logger';
+import logger from '@/services/logger';
 
 class OllamaService {
     constructor() {

src/services/openai.js

@@ -1,8 +1,8 @@
-import { useSettingsStore } from '../stores/settings-store.js';
 import { storeToRefs } from 'pinia';
-import { imageDB } from './localforage.js';
-import logger from './logger.js';
-import providersConfig from '../services/providers.config.json';
+import { useSettingsStore } from '@/stores/settings-store.js';
+import { imageDB } from '@/services/localforage.js';
+import logger from '@/services/logger.js';
+import providersConfig from '@/services/providers.config.json';
 
 const openAI = () => {
     const settingsStore = useSettingsStore()

src/stores/teams-store.js

@@ -1,7 +1,7 @@
 import { ref } from 'vue';
 import { defineStore } from 'pinia';
-import { imageDB } from '../services/localforage';
-import logger from '../services/logger';
+import { imageDB } from '@/services/localforage';
+import logger from '@/services/logger';
 
 // The teams-store holds the teams creeated by the user in a list. A team is a list of AI assistants, bots
 // Each team object has an array of team member objects and an array of messages.