Kocal-Web-Extensions/Solary

<template>
  <div>
    <template v-if="loading">
      Chargement des paramètres...
    </template>
    <template v-else-if="error">
      {{ error.message }}
    </template>
    <template>
      <settings :settings="settings" />
    </template>
  </div>
</template>

<script>
import { getSettings, registerSettings } from '@kocal/web-extension-library';
import settings from '../store/settings';
import Settings from './components/Settings';

export default {
  name: 'App',
  components: { Settings },
  data() {
    return {
      settings: {},
      loading: true,
      error: null,
    };
  },
  async created() {
    try {
      await registerSettings(settings);
      this.loading = false;
      this.$set(this, 'settings', getSettings());
    } catch (err) {
      this.loading = false;
      this.error = err;
    }
  },
};
</script>

<style>
body {
  width: 512px;
}
</style>