Commit 953b8e28 authored by Anthony Gautreau's avatar Anthony Gautreau
Browse files

Build du composant plus "propre"

parent 7b07a048

.gitignore

+1 −1
Original line number Diff line number Diff line 
.DS_Store

node_modules

/dist



/oldtsconf

# local env files

.env.local

.env.*.local

README.md

+9 −14
Original line number Diff line number Diff line
@@ -7,23 +7,18 @@ Cette bibliothèques à pour but de fournir un front Vue à la bibliothèques [u 


1. Ajouter le registry npm d'unicaen : https://kverdaccio.unicaen.fr/



2. ```

   npm install pinia unicaen-vue-mail

   ```

3. Instancier Pinia

   ```js

      import { createPinia } from 'pinia'

      const pinia = createPinia();

      app.use(pinia);

   ```

4. Utiliser le composant Mail

2. Assurez vous d'avoir Pinia et Vuetify d'instancié: [exemple](INSTANCIATION.md)



3. Utiliser le composant Mail

   ```js

      <script setup>

      import Mail from 'unicaen-vue-mail';

      </script>

   ```

   ```js

   <Mail :title="title" :mails="mails" :params="params" />

      <template>

         <Mail />

      </template>

   ```



## Outils associés

doc/INSTANCIATION.md

0 → 100644
+50 −0
Original line number Diff line number Diff line 
## Pinia

Instancier Pinia

```bash

npm install pinia

```

```js

import { createPinia } from 'pinia'

const pinia = createPinia();

app.use(pinia);

```

## Vuetify

Instancier Vuetify (+fontawesome)



```bash

npm install vuetify @fortawesome/vue-fontawesome @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/free-regular-svg-icons

```



```js

import 'vuetify/styles'

import { createVuetify } from 'vuetify'

import * as components from "vuetify/components";

import * as directives from "vuetify/directives";

import { aliases, fa } from 'vuetify/iconsets/fa-svg'

import { library } from '@fortawesome/fontawesome-svg-core'

import { fas } from '@fortawesome/free-solid-svg-icons'

import { far } from '@fortawesome/free-regular-svg-icons'

import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'



library.add(fas) // Include solid icons

library.add(far) // Include regular icons



const vuetify = createVuetify({

    components,

    directives,

    icons: {

        defaultSet: 'fa',

        aliases,

        sets: {

            fa,

        },

    },

    defaults: {

        VBtn: {

            color: 'primary',

        },

    }

})

app.component('font-awesome-icon', FontAwesomeIcon)

app.use(pinia)

```
 
 No newline at end of file

env.d.ts

0 → 100644
+1 −0
Original line number Diff line number Diff line 
/// <reference types="vite/client" />

index.html

+7 −9
Original line number Diff line number Diff line 
<!DOCTYPE html>

<html lang="en">



  <head>

    <meta charset="UTF-8" />

    <link rel="icon" href="/favicon.ico" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Welcome to Vuetify 3</title>

    <title>Vite App</title>

  </head>



  <body>

    <div id="app"></div>

    <script type="module" src="/src/main.ts"></script>

</body>



    <script type="module" src="./sandbox/main.ts"></script>

  </body>

</html>
 
 No newline at end of file