title: Vuetify error: "Error in beforeCreate hook: "Error: Vuetify is not properly initialized"
body: <p>I am currently trying to incorporate Vuetify into individual Vue components in a NET Core 3 web project with TypeScript.  My understanding is that Vuetify is meant to be used in SPAs, but I would like to do individual cshtml pages with Vue component tags. The project builds and runs, but I get the error as in the title above.  It points me to <a href="https://vuetifyjs.com/en/getting-started/quick-start" rel="nofollow noreferrer">documentation</a>, but when I attempt this, I get errors saying that I need a declaration file.  I admit, that I have only minimal experience with TypeScript, but could anyone point in the right direction to what I am missing?  Below are relevant code snippets:</p>
  
  <p>Thanks in advance!</p>
  
  <p>Index.cshtml</p>
  
  <pre><code>@{
      ViewData["Title"] = "Home";
  }
  
  @section Scripts {
      &lt;script asp-src-include="/js/dist/home*.js"&gt;&lt;/script&gt;
  }
  
  &lt;div id="home"&gt;
      &lt;home&gt;&lt;/home&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>home.ts</p>
  
  <pre><code>import Vue from "vue";
  import home from "./components/home.vue";
  
  let v = new Vue({
      el: "#home",
      components: {
          home
      }
  });
  </code></pre>
  
  <p>home.vue</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;v-app&gt;
              &lt;v-container&gt;
                  &lt;h1&gt;Home&lt;/h1&gt;
  
                  &lt;v-alert type="success"&gt;
                      I'm a success alert.
                  &lt;/v-alert&gt;
              &lt;/v-container&gt;
          &lt;/v-app&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script lang="ts"&gt;
      import { Vue, Component, Prop } from "vue-property-decorator";
      import Vuetify from "vuetify";
      import "vuetify/dist/vuetify.min.css";
  
      Vue.use(Vuetify);
  
      export default class Home extends Vue {
  
      };
  &lt;/script&gt;
  </code></pre>